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INTRODUCERE 


Programarea Web se constituie astăzi, în contextul exploziei informaţionale 
şi a extinderii de neimaginat acum câţiva ani a reţelei Internet, ca unul dintre 
domeniile dezvoltării de aplicaţii software cu un trend permanent ascendent, într-o 
continuă evoluţie, atât calitativă, cât şi cantitativă. Practic, un important segment al 
dezvoltărilor informatice este acaparat de proiectarea şi dezvoltarea de aplicaţii 
destinate Internetului, categoria Web fiind predominantă în acest sens. 

Punctul de start al prezentei lucrări îl constituie o carte mai veche a autorului 
"Tehnologii de programare a aplicaţiilor Internet cu baze de date” [1], elaborată ca 
suport de curs destinat disciplinei “Programarea aplicaţiilor Internet” aferentă 
curriculei de studiu a anului 4 Ingineria Sistemelor. Prin modificările şi adaptările 
operate, prin subiectele revizuite şi tematicile noi integrate, atât la nivel teoretic, cât 
şi mai ales aplicativ, prin paragrafele suplimentare şi capitolul complet nou adăugat, 
cartea de faţă reprezintă mult mai mult decât o simplă nouă ediţie, revizuită şi 
adăugită, fiind practic o lucrare complet nouă, ancorată în noile realităţi ale unui 
domeniu într-o continuă expansiune. Prin titlul ales, considerat a descrie mult mai 
bune conţinutul actualizat în conformitate cu noile tendinţe şi dezvoltări din domeniu 
informatic abordat, lucrarea dezvăluie direct, fără echivoc, subiectul stabilit ca 
obiectiv principal: programarea Web. Evident că plaja de referinţă a unui asemenea 
obiectiv este practic imposibil de cuprins şi tratat complet, în vastitatea ei, într-o 
singură lucrare. Din acest motiv, îngustând zona abordată (cartea constituindu-se 
tot ca suport de curs destinat studenţilor, dar sigur utilă şi programatorilor), ţinta 
principală este focalizată pe furnizarea rapidă, eficace şi concisă, axată strict pe 
utilitatea uzuală, a unor informaţii de maximă eficienţă aplicativă, destinate unei 
rezolvări rapide a diverselor probleme care apar frecvent în dezvoltarea aplicaţiilor 
Web, uzual cerute de piaţa de profil. De asemenea, din imensa gamă de limbaje şi 
tehnologii de programare utilizate la ora actuală pentru dezvoltarea şi întreţinerea 
vastei construcţii numită Internet, lucrarea se opreşte doar asupra unei suite 
restrânse, oferind însă un meniu complet de instrumente software permiţând 
proiectarea şi implementarea oricărui tip de aplicaţii Web cerute pe piaţă. Suita la 
care se face referire are următoarele componente: HTML+CSS, PHP+MySQL 
(Oracle), JavaScript+AJAX, acoperind practic întreaga arie de problematici care se 
cer a fi rezolvate la dezvoltarea unui site Web: programare server-side (PHP), 
programare client-side (JavaScript), baze de date (MySQL), elemente de dinamică şi 
interactivitate cu utilizatorul (AJAX), formatare şi design (HTML, CSS). 

Abordarea subiectelor tratate este caracterizată printr-o puternică tentă 
aplicativă, orice secvenţă de cod prezentată putând fi imediat rulată, astfel încât 
programatorul să dispună din start de o bază de cod iniţială, funcţională, imediat 
utilizabilă, adaptabilă şi extensibilă conform cerinţelor acestuia. De asemenea, 
abordarea este graduală, fiecare nou exemplu venind ca o completare a celor 
precedente, respectiv ca un pas în faţă pentru rezolvarea unei alte probleme, 
succesiv şi logic apărute după rezolvarea celei precedente. 

Deşi la ora actuală există o mulţime de surse bibliografice, în special 
disponibile on-line pe Internet [20][21][34][37], cititorul putând fi copleşit de 
multitudinea lor, lucrarea încercă să ofere un solid punct de start pentru o abordare 
pas cu pas, pornind de la simplu spre complicat, a extrem de vastului domeniu al 
programării Web. 


10 Introducere 


Lucrarea este structurată pe trei capitole, nucleul de bază constituind-ul 
capitolul 2 destinat programării server-side, absolut indispensabile dezvoltării unor 
aplicaţii Web cu o complexitate cel puţin medie. 

Capitolul 1 este destinat prezentării limbajului de marcaje HTML, piatra de 
temelie a oricărei aplicaţii Web. Deşi schimbările în domeniul HTML au înregistrat o 
evoluţie constantă, elementele de bază nu s-au schimbat în mod radical. Din acest 
motiv, multe paragrafe ale lucrării sunt doar puţin modificate şi revizuite faţă de 
lucrarea mai veche, elementele noi constând în adăugarea unor paragrafe vizând 
HTML 5 (ca ultimă versiune lansată pe piaţă, revoluţionând practic zona Web 
multimedia, din păcate însă, neadoptată integral de nici o familie de browsere), 
respectiv CSS (Cascading Style Sheets) - ca strategie global adoptată pentru 
formatarea paginilor Web. 

Capitolul 2, majoritar ca întindere, tratează vastul subiect al programării 
Web utilizând limbajul PHP. Practic alegerea limbajului PHP pentru dezvoltarea unei 
aplicaţii Web constituie una dintre variantele principale care domină actualmente 
piaţa (alături de ASP.NET, JSP, etc.), poate chiar cea mai folosită. [24] Capitolul 
încearcă o prezentare a esenței utilizării PHP pentru dezvoltarea unor site-uri Web, 
în tandem cu sistemul de gestiune a bazelor de date MySQL (dar şi cu Oracle, 
pentru realizarea unei legături cu disciplina "Baze de date” aferentă domeniului 
Ingineria Sistemelor), completată cu paragrafe abordând problematici uzuale în 
cadrul procesului de dezvoltare a unei aplicaţii Web complexe. Departe însă de autor 
ideea epuizării acestui subiect, programarea PHP având ca reper şi resursă 
bibliografică completă, binecunoscutul site Web (manual PHP on-line) 
php.net/manual/en/index.php, extrem de util, concis şi într-o permanentă 
actualizare. 

Obiectivul ultimului capitol îl constituie realizarea unei sinteze punctând 
câteva elemente de bază privind utilizarea limbajului client-side JavaScript, inclusiv 
prin abordarea AJAX, care încearcă să asigure o dinamică şi interactivitate mult 
sporită a paginilor Web, în tentativa de apropiere a comportamentului acestora de 
cel al unei clasice aplicaţii desktop. 

După cum s-a mai precizat, diversitatea limbajelor, tehnologiilor, mediilor şi 
instrumentelor software utilizate la ora actuală în domeniul dezvoltării aplicaţiilor 
Web, face destul de dificilă alegerea de către un programator neiniţiat a unei 
anumite strategii, respectiv a unui anumit suport software adecvat. In esentă, 
lucrarea propune cititorului o soluţie în acest sens, bazată în mare pe tripleta PHP- 
MySQL- JavaScript, oferindu-i totodată o gamă extrem de diversificată de exemple 
aplicative, pornind de la care, eficienţa şi viteza proiectării, respectiv implementării 
unei aplicaţii să fie maximizată. 


1. HTML 


1.1. Introducere 


HTML (HyperText Markup Language) este un limbaj de marcare folosit de 
browser-ele Web pentru a determina modul de afişare a conţinutului paginilor Web. 
[1][2] Elemente de bază ale HTML sunt o serie de câmpuri sau marcaje speciale, 
numite şi tag-uri sau etichete HTML. O altă caracteristică esenţială a HTML o 
constituie posibilitatea realizării de legături (link-uri sau hyperlink-uri) spre alte 
documente/pagini Web, aşa cum rezultă şi din denumirea lui (HypertText - element 
creând o legătură spre un alt document). Protocolul destinat comunicaţiei în cadrul 
WWW (Word Wide Web sau pe scurt Web) este HTTP (Hypertext Transfer Protocol), 
asigurând transferul de informaţie între un server Web şi un client browser Web. [3] 
Etichetele HTML se folosesc ori de câte ori se doreşte o formatare a modului de 
afişare a informaţiei publicate (scrierea unui text cu bold, alegerea unui anumit 
fundal al paginii, inserarea unei imagini, afişare tabelată, integrare de sunet sau 
orice altceva legat de formatarea unei pagini Web). Tag-urile sunt coduri speciale 
care însoțesc conţinutul propriu-zis al paginii Web, stabilind modul în care acesta 
este afişată pe parte de client apelant. Codul HTML (împreună cu informaţia propriu- 
zisă), stocat la distanţă pe un server Web, este transferat spre un browser Web 
(folosind HTTP), fiind interpretat corespunzător de către acesta. Multitudinea de 
browsere Web folosite face ca modul de interpretare al unor etichete HTML să difere 
uneori de la un caz la altul (din acest motiv, testarea unei aplicaţii Web trebuie 
realizată de multe ori pe o gamă largă de browsere). 

Pentru o primă exemplificare, se consideră eticheta HTML <b> reprezentând 
tag-ul pentru o afişare bold a unui text. În cazul în care acest tag pereche 
încadrează un text (vezi exemplul următor), afişarea textului se va realiza cu bold: 

<b> Acest text este bold!</b> 

Trebuie remarcată existenţa şi a unui tag complementar </b> ataşat la 
sfârşitul conţinutului textual. Acest tag de sfârşit al marcajului închide secţiunea de 
bold şi comunică browser-ului ca formarea impusă se încheie în acest punct. Cele 
mai multe tag-uri au un tag complementar de închidere a secţiunii delimitate, după 
cum se va vedea în continuare (astfel încât se poate vorbi, de regulă, despre aceste 
etichete ca despre nişte perechi de delimitatori ai informaţiei de afişat). Etichetele 
HTML nu sunt case-sensitive. 

HTML este independent de platformă (sistem de operare), dar trebuie avută 
în vedere situaţia în care se apelează resurse ale sistemului cu particularităţi diferite 
de la unul la altul (spre exemplu, problema case-sensitive la referirea numelui de 
fişiere pe Linux). Un document în format HTML constă, în esenţă, într-o mulţime de 
tag-uri împreună cu informaţia utilă. Învăţarea sintaxei acestor tag-uri este 
sinonimă cu învăţarea HTML, ca limbaj de descriere a documentelor. Totuşi, fără 
apariţia unor limbaje de programare ca Java, JavaScript, PHP, Perl, limbajul de 
marcare HTML ar fi asigurat doar o simplă prezentare prozaică pe ecran a unor 
texte şi grafice, totul într-un format static, singura calitate dinamică constituind-o 
posibilitatea de navigare de la o pagină la alta. 

HTML, ca limbaj de marcare pentru hypertexte, ajuns momentan la 
versiunea 5, prezintă o evoluţie continuă. HTML 1.0 a introdus conceptele de antet, 
paragraf, liste, referinţe, HTML 2.0 a adăugat posibilitatea de inserare a imaginilor, 
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HTML 3.0 vine cu tabele, text în jurul figurilor frame-uri iar versiunile au evoluat 
succesiv, înglobând de obicei tot ceea ce exista şi aducând în plus elemente noi. 
Începând cu HTML 4 şi continuând cu actuala versiune 5 (integrând semnificative 
facilităţi multimedia [7]), noi etichete sunt adăugate, specificaţiile altora sunt 
modificate, tendinţa principală fiind de a apropia aspectul şi funcţionalităţile unei 
aplicaţii Web de cele ale unei aplicaţii desktop. [22] 

Evoluţia HTML continuă şi în momentul de faţă, integrând o serie de noi 
tehnologii şi plugin-uri dedicate, extinzând substanţial capabilitățile multimedia ale 
site-urilor Web. Astfel, se vorbeşte despre DHTML (Dynamic HTML), reprezentând o 
combinaţie între HTML, CSS şi JavaScript, AJAX - ca o integrare HTML, JavaScript şi 
XML (eXtended Markup Language) şi multe altele, toate acestea conducând la o 
dinamică sporită a paginilor Web. [4][5] Această evoluţie este strâns legată şi de 
versiunile succesive de dezvoltare a browser-elor utilizate pe piaţă (Netscape, 
Mozilla, Microsoft Internet Explorer, Mosaic, Opera, Safari, Google Crome etc), 
fiecare preluând uneori într-o manieră personalizată noile standarde HTML (după 
cum s-a precizat deja, putându-se vorbi de o dependenţă de browser, adică acelaşi 
document HTML este interpretat în mod diferit de browsere diferite). 


1.2. Etichete HTML 


1.2.1. Etichete primare 


În continuare sunt prezentate câteva dintre cele mai importante şi uzual 
folosite tag-uri (etichete) care permit crearea unei pagini Web.[1] 
Sintaxa completă (dar nu obligatoriu necesară) la crearea unei simple pagini 
Web conţinând doar cod HTML este următoarea: 
<html 
<head> 
<title>Prima pagina HTML</title> 
</head> 
<body> 
Continut prima pagina HTML 
</body> 
</html> 


Pentru realizarea aplicaţiei Web, trebuie deschis un editor de texte, introdus 
conţinutul de mai sus (salvat într-un fişier cu extensia .html sau .htm), iar apoi se 
poate deschide (accesa) pagina astfel creată dintr-un browser. Va apare o pagină cu 
fundal alb, având titlul "Prima pagina HTML" afişat pe bara de titlu şi o linie de text 
simplu afişată în zona de afişare a browser-ului, conţinând mesajul "Prima pagina 
HTML". Cu bold s-au scris tag-urile folosite în această pagină. Se observă structura 
şi poziţionarea acestora în cadrul documentului. O scurtă descriere a rolului acestor 
etichete în cadrul paginii este prezentată în tabelul 1.1. 

Tabel 1.1. 


Specifică faptul că documentul este un document HTML. 
<html> </html> Toate documentele încep şi se termină cu acest tag. 


Creează o zonă de informaţie de tip meta, cum este cazul 
<head> </head> titlului documentului, cuvinte cheie sau informaţii care 
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descriu pagina pentru motoarele de căutare. 


Creează un "titlu" pentru acest document. Orice este scris 


<title> </title> în interiorul acestui tag, va fi afişat de către browser în bara 
de titlu. 
Creează o zonă specială pentru conţinutul documentului 
<body></body> (text, imagini etc). Această secţiune este locul unde se vor 


insera toate elementele "afişabile" ale paginii. 


Cel puţin 99% din documentele Web, fie ele mai mici sau mai mari, mai 
simple sau mai complicate, conţin cel puţin tag-urile prezentate mai sus. Ele descriu 
cadrul general al oricărui document HTML. Din definiţia tag-ului <body> se poate 
vedea că cea mai mare parte din acţiunea unei pagini HTML se desfăşoară în 
această secţiune, de vreme ce acest tag <body> cuprinde tot conţinutul afişabil al 
documentului. Utilizarea tag-urilor HTML este non-case-sensitive (se pot folosi atât 
caracter mici, cât şi mari). 


Observaţie: Comentariile HTML sunt încadrate de separatorii <!-- şi -->: 
<!--Cod HTML comentat sau simplu comentariu -->: 


1.2.2. Setarea unui fundal al paginii 


Una dintre primele operaţii pe care cei mai mulţi programatori Web 
începători doresc să îl facă unei pagini de Web este adăugarea unui fundal 
(background), indiferent dacă e vorba de un background de tip culoare sau imagine. 
În mod implicit, un document fără background va fi afişat pe un fundal alb. Această 
culoare se poate schimba foarte uşor. In acest sens trebuie adăugat următorul cod 
în interiorul zonei delimitate de tag-ul <body> : 

<body bgcolor="4XXXXXX" > 

unde XxxxXXX este codul hexa al culorii dorite, sau se poate folosi chiar 
numele culorii. 

De exemplu, codul următor face ca documentul să fie afişat cu un 
background de culoare roşie: 

<body bgcolor="4ff0000"> 
sau utilizând chiar numele culorii: 

<body bgcolor="red"> 

Câteva dintre codurile hexa pentru cele mai uzuale culori sunt prezentate în 
tabelul 1.2. 

După ce s-a descris cum se adaugă un background de o anumită culoare, se 
prezintă modul cum se pot adăuga imagini în fundal. 

Folosirea fişierului imagine "backgr15.jpg” pe post de background (fundal), 
este posibilă cu ajutorul următoarei sintaxe: 

<body background="backgr15.jpg"> 

Tabel 1.2. 


#000000 


#0000FF 
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lime 
silver 4COCOCO 


Mulţi autori preferă să dea documentelor lor, atât o culoare de background 
cât şi o imagine. In acest fel, chiar dacă imaginea nu a fost încă complet descarcată 
de pe serverul Web, navigatorii vor vedea între timp culoarea de background: 

<body bgcolor="4000000" background="backgr15.jpg'> 


Observaţie: Pentru a evita apariţia unor probleme datorate dependenţei de sistemul 
de operare în referirea unor resurse ale acestuia, fişierului imagine referit în codul 
HTML trebuie să folosească tipul/combinaţia exactă de caractere -mari şi/sau mici- 
utilizată în denumirea lui ca resursă fişier gestionată de platformă (problemă mai 
puţin relevantă pentru platformele Windows, dar extrem de relevantă pentru Unix, 
Linux). 


1.2.3. Formatare text 


Una dintre cele mai importante funcţionalităţi a limbajului HTML, integrată 
chiar începând cu primele versiuni, o constituie posibilitatea formatării informaţiei de 
tip text, toate documentele Web conţinând cel puţin o astfel de informaţie primară, 
ca şi conţinut propriu-zis. În continuare, fără a avea pretenţia de a epuiza întreg 
subiectul, sunt prezentate câteva dintre tag-urile uzuale destinate stabilirii unui 
format textual. 

- Heading 

Un heading este un text - de regulă pe post de titlu/subtitlu - scris cu 
caractere mai mari şi îngroşate, scos în evidenţă faţă de restul conţinutului paginii. 
Pentru crearea lor se poate folosi eticheta <h?>, unde în loc de ? se trece un 
număr de la 1 la 6 (1 corespunde celor mai mari caractere ale textului, iar 6 se scrie 
pentru a obţine cele mai mici caractere pentru respectivul text). Spre exemplu: 


<h1>Hello!</h1> 


<h2>Hello!</h2> 
<h3>Hello!</h3> 


- Paragraful 

Un paragraf poate fi creat în HTML prin utilizarea etichetei <p>. Această 
etichetă creează o zonă de text, care este separată de restul documentului printr-o 
linie vidă deasupra şi dedesubtul zonei de text. De exemplu: 

<p>Acesta este primul paragraf. Acesta este primul paragraf. Acesta este 
primul paragraf.</p> 


<p> Acesta este al doilea paragraf. Acesta este al doilea paragraf. Acesta 
este al doilea paragraf.</p> 


De asemenea, se poate controla şi modul în care este aliniat textul în cadrul 
unui paragraf, folosind atributul align. Acest atribut acceptă trei valori: left, center şi 
right. Spre exemplificare, pentru a alinia un text la marginea din dreapta a 
documentului se foloseşte sintaxa: 
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<p align="left"> Acesta este un paragraf aliniat la marginea din stânga a 
documentului. Acesta este un paragraf aliniat la marginea din stânga a 
documentului. Acesta este un paragraf aliniat la marginea din stânga a 
documentului. Acesta este un paragraf aliniat la marginea din stânga a 
documentului. </p> 


Tot pentru o structurare a conţinutului unui document Web se poate folosi şi 
eticheta <br> (break row), asigurând trecerea pe o linie nouă a informaţiei 
precedate de aceasta etichetă (fără însă a spaţia şi alinia corespunzător conţinutul 
textual, ca în cazul paragrafelor). 


- Bold şi italic 

Caracterele de tipul bold sau italic se pot obţine cu ajutorul etichetelor <b>, 
respectiv <i>: 

<b> Acesta este bold</b> 

<i> Acesta este italic</i> 


- Setare culoare, mărime şi tip caractere 

La fel ca în orice procesor de texte şi în HTML se poate specifica culoarea, 
mărimea şi tipul caracterelor ce formează textul. În acest sens se folosesc trei 
etichete specializate, după cum urmează: 

<font color="+FF0000"> Acest text este rosu</font> 

<font size="6"> Acest text este mai mare!</font> 

<font face="Courier">Acest text este scris cu caractere de tip 
courier</font> 


Valorile valide pentru culorile fontului sunt identice cu valorile hexa care au 
fost prezentate în secţiunea referitoare la fundaluri. Mărimea scrisului se specifică 
folosind valori cuprinse între 1 şi 7, unde 7 reprezintă cel mai mare font. Tipul 
caracterelor se specifică folosind chiar numele acestuia (Courier, Arial, etc.). 

Se pot foarte uşor include într-o singură “comandă” mai multe etichete 
pentru a obţine un efect dorit. De exemplu, dacă se doreşte un text scris cu bold, 
font de mărimea 2, italic şi de tip Arial, atunci se poate scrie: 

<b><i><font size="5" face="Arial'"> Text</front></i></b> 


După cum se vede, HTML este foarte flexibil şi permite combinarea mai 
multor etichete pentru a obţine un anumit efect/formatare, în cazul în care acel 
efect nu se poate obţine cu ajutorul uneia singure. 


- Centrarea textului 
Eticheta <center> permite centrarea rapidă a unui text într-o pagină. Un 
exemplu în acest sens: 
<center><b>Acest text este centrat</b></center> 
<center> <h3> Acest header este centrat de asemenea!</h3> </center> 


- Crearea de bare orizontale 

Textul poate fi foarte bine structurat în cadrul unui document şi cu ajutorul 
unor bare orizontale (linie cu o anumită grosime şi lungime) care să delimiteze mai 
bine diferitele secţiuni ale acestuia. Aceste bare se obţin cu ajutorul etichetei <hr>. 
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<hr width= 100% size=2> 


Pentru a schimba dimensiunile acesteia se pot folosi atributele width 
(lungimea) şi respectiv size. 


Observaţie: În noua accepţiune de design a site-urilor Web, utilizarea acestor 
etichete destinate unei formatării a informaţiei este de multe ori substituită de 
tehnica CSS (Cascading Style Sheets), mult mai unitară şi eficientă. Totuşi, pentru 
formatări punctuale/individuale etichetele anterior referite îşi păstrează utilitatea. 


1.2.4. Inserarea unei imagini 


Inserarea imaginilor într-o pagină Web constituie următorul pas pentru o 
descriere informaţională text-imagine. Imaginile pot fi inserate într-un document 
prin utilizarea etichetei <img>. Codul următor inserează o imagine numită 
"poza. gif": 

<IMG SRC="poza.gif"> 


De remarcat că etichetele <img> nu trebuie închise cu ajutorul 
specificatorului ”/” (nu există un tag perche de inchidere </img). Este unul dintre 
cazurile în care închiderea unei etichete în HTML nu este necesară. Eticheta <img> 
dispune de un atribut src, necesar pentru a preciza imaginea care trebuie inserată 
(sursa, în acest caz poza.gif), respectiv dispune opţional de două atribute pentru 
setarea dimensiunilor afişabile ale imaginii: width şi height. 

Un artificiu care face ca imaginile să fie încărcate mai repede este acela de a 
specifica explicit dimensiunile acestora, folosind atributele width şi respectiv height. 
În acest mod,  browser-ele nu mai trebuie să determine informaţii despre 
dimensiunile acestora şi astfel să crească durata de încărcare (download). Pentru a 
specifica browser-ului acest lucru, se foloseşte o sintaxă de genul: 

<img src="poza.gif" width="98" height="100"> 


Atributele width/height pot face mult mai mult decât a mări viteza de 
download a imaginilor referite. Astfel, aceste atribute se pot folosi la dimensionarea 
dorită pe ecran a imaginilor încărcate. Spre exemplu, pentru a mări imaginea afişată 
cu eticheta anterioară, se poate scrie: 

<img src="poza.gif" width="200" height="208"> 


Observaţie: Încărcarea unei/unor imagini de mari dimensiuni poate constitui uneori 
sursa unei viteze de reacţie scăzute din partea paginii Web (fiind vorba de un 
transfer al unui volum mai mare de informaţie). Din acest motiv, dimensiunea 
acestora trebuie să fie rezonabilă, recomandându-se utilizarea fişierelor imagine în 
format comprimat (jpg, png, tif). 


1.2.5. Hiperlegături 


Tot la categoria caracteristici fundamentale ale HTML se încadrează şi 
posibilitate de a crea hyperlink-uri, asigurând conexiunile/legăturile spre alte pagini 
Web şi implicit “navigarea” pe internet. Ce ar fi WWW fără aceste legături (sau link- 
uri, hyperlink-uri)? Legăturile reprezintă esenţa WWW, evoluţia şi expansiunea lui 
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fiind asigurată tocmai prin legarea împreună a milioane şi milioane de pagini Web (şi 
nu numai) de pe tot globul. 

O asemenea legătură (hyperlink) este creată cu ajutorul etichetei ancoră 
<A>. Aceasta necesită un atribut href, care specifică URL-ul (Uniform Resource 
Locator) ţintă care trebuie urmat după ce se face click pe respectiva legătură. 

Exemplul următor prezintă o legătură de tip text care va conduce (“naviga”) 
spre site-ul Yahoo: 

<a href='"http://www.yahoo.com">Click here for Yahoo</a> 


Legătura de mai sus este spre un document extern de pe WWW. Se pot de 
asemenea crea foarte uşor legături şi spre documente locale, aflate chiar pe site-ul 
propriu. Trebuie doar furnizată calea completă şi corectă a acestora relativ la 
punctul de unde se apelează respectiva legătură. Câteva exemple în acest sens: 
<a href="section3.htm"> Click here for the next section</a> 
<a href="subdir/section3.htm">Click here for the next section</a> 


Prima legătură presupune că documentul section3.htm se află în acelaşi 
director ca şi pagina curentă, iar al doilea presupune că section3.htm este în 
directorul "subdir", care este subdirector al directorului curent. 

Se pot crea legături folosind şi imagini. După ce s-a înţeles modul de creare 
a legăturilor text, crearea acestora folosind imagini este mai mult decât banală. 
Trebuie doar substituit textul cu eticheta <img>. Spre exemplu, click pe o imagine 
pentru a asigura legătura (hiperlink-ul) cu site-ul Yahoo: 
<a href="http://www.yahoo.com"> <img src="paperboy.gif'> </a> 


Dacă se doreşte ca imaginea respectivă să fie încadrată de o bordură: 
<a href="http://www.yahoo.com"> <img src="paperbovy.gif' border=1> </a> 


1.2.6. Formulare. Metodele GET şi POST 


Cele mai multe aplicaţii Web utilizează script-urile de regulă pentru 
prelucrarea informaţiei introdusă prin intermediul unor fişiere HTML gen formular. 
Rolul script-ului (de regulă un CGI) este de a prelua aceste informaţii, a le prelucra 
şi de a returna un răspuns (o pagină HTML afişabilă de către un browser client) cu 
informaţia procesată ca rezultat. Altfel spus, rolul unui script constă în returnarea 
(pe baza unei procesări de informaţie realizată pe un server Web) a unor date la 
ieşirea standard (browser). Aceste date sunt precedate (dacă este cazul) de o serie 
de antete care vor permite o interpretare corectă a ieşirii scriptului. Astfel de script- 
uri permit interacţiunea în ambele sensuri între client şi server. 

Antetul pe care scriptul îl trimite spre serverul Web trebuie să respecte 
specificaţiile MIME (Multipurpose Internet Mail Extension). Spre exemplu, un astfel 
de antet poate să conţină o specificaţie de forma: Content-type: text/html 
(pentru documente HTML), Content-type: image/jpeg (pentru imagini JPEG) etc., 
care va precede informaţia direcţionată spre ieşirea standard, precizând tipul de 
date care constituie flux de ieşire. 

Cele mai multe apeluri ale unui script CGI se fac prin intermediul unui 
document HTML gen formular, la apăsarea unui buton (de regulă- SUBMIT). 

Se consideră următorul formular exemplu (fig.1.1): 

<form METHOD="GET" ACTION="exemplu.php"> 

Ani de munca: <input NAME="ani" size="2” ><p> 
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Salar anual: <input NAME="salar" size="8"><p> 
<input TYPE="SUBMIT" VALUE="Run Query"> 
<input TYPE="RESET" VALUE="Sterge"> 
</form> 


Z C-lvacantaltest.htm - Microsoft... E BR] Se observă că în cadrul acestui 
Fie: E Mem. Fais TE ENI EI formular (FORM) se foloseşte metoda GET 
» pentru transmiterea parametrilor spre 

|x) a Le) scriptul indicat prin proprietatea ACTION 


(în cazul de faţă, un script PHP). Prin 
apăsarea butonului de tip SUBMIT "Run 
Query”, presupunând că iniţial s-a tastat 


> 


Address €£] C:lwacantaltest.htm v| Ed Go Links 


Ani de munca: | 5, respectiv 1000, spre scriptul apelat 
este transmis un şir (string) de forma: 
Salar anual: ani=5&salar= 1000. 
€] Done -2 My Computer = 


Fig. 1.1. Formular pentru transmiterea 
parametrilor spre script 


Acest şir de parametrii poate fi remarcat şi în linia de apelare a scriptului, 
de altfel parametrii putând fi transmişi şi direct spre script, printr-un apel (cu 
precizarea completă a căii spre scriptul PHP) cu parametri de forma: 

http://localhost/scripts/exemplu.php?ani=5&salar= 1000 


De remarcat că, variabilele sunt delimitate prin caracterul &, iar caracterele 
speciale (1 sau `) sunt înlocuite de codul lor numeric (hexa), precedat de caracterul 
procent %. Spatiile se substituie prin semnul +. Atributul SIZE al unei etichete 
casetă INPUT setează dimensiunea vizibilă a acesteia pe ecran. 

Utilizând metoda GET, acest string este disponibil într-o variabilă de mediu 
QUERY_STRING. Funcție de mediul folosit pentru crearea scriptului CGI, aceste date 
utilizabile ca parametrii de intrare pot fi preluate, dacă este cazul, din cadrul acestei 
variabile de mediu.. Ă 

Acelaşi formular putea folosi ca metodă şi metoda POST. În cazul metodei 
POST datele sunt disponibile, putând fi accesate de la intrarea standard (şi nu prin 
intermediul unui string conţinut în variabila de mediu QUERY_STRING, lungimea 
acestora (în octeți) fiind disponibilă în variabila de mediu CONTENT_ LENGTH. 
Evident acest şir (văzut ca parametru de intrare cu GET) nici nu apare în linia de 
apelare a scriptului, aşa cum se întâmplă la metoda GET. Se recomandă utilizarea 
metodei POST în situaţia transmiterii unui volum mare de date (gen <TEXTAREA> 
sau a unui fişier - printr-o acţiune de upload). 

Un exemplu de utilizare a etichetei TEXTAREA: 

<textarea rows="3" cols="30" name='nume'> 

Ceva text pe primul rand. 

Alt rand 

</textarea> 

Eticheta INPUT este cel mai des utilizată cu atributul type='text', valoare 
de altfel implicită. Deci se putea scrie echivalent: 
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<input NAME="ani" type='text size="2” maxlength=2 value=20> 

folosindu-se în acest exemplu şi alte două atribute deseori utile: 

- maxlength - pentru a se limita numărul de caractere care pot fi introduse 
de la tastatură (size limitează doar numărul de caractere afişabile, putându-se 
introduce oricâte, dar zona afişabilă a casetei permite doar două caractere vizibile - 
ultimele două). 

- value - pentru a seta o valoare iniţială implicită (20 în cazul de faţă). 

De asemenea, tipurile SUBMIT, respectiv RESET sunt strict legate de 
formularul FORM, transformând fiecare caseta aferentă într-un buton şi activând 
transferul datelor prim metoda setată, respectiv resetând (ştergând) conţinutul 
casetelor din formular. 

Atributul TYPE permite o listă de valori specifice, enumerându-se aici doar 
câteva dintre cele mai uzuale: 

- button - folosit în special pentru activarea unui script/secvenţe JavaScript 
la apariţia unui eveniment (apăsare buton în exemplul următor): 

<input TYPE="button" VALUE="Go" onclick="mesaj_js()"> 

- checkbox- folosit pentru limitarea opţiunilor selectate (predefinite şi în 
număr limitat), permiţând selecţia uneia sau mai multora (selecţie multiplă). 

- radio- folosit pentru limitarea opţiunilor selectate, permiţând selecţia doar 
a uneia sigure. 

- password - asigură ascunderea conţinutului introdus în casetă (cazul 
parolelor) 

- file - generează o casetă, respectiv un buton Browse, necesare operaţiei 
Upload de fişiere. 

- image - defineşte un buton SUBMIT de tip imagine, atributul VALUE fiind 
înlocuit cu SRC pentru referirea unei imagini, ca şi în exemplul următor: 

<input TYPE="IMAGE" src ="imagine.jpg"> 

- hidden- ascunde caseta, fiind util la transferul unor valori implicite din 
FORM spre o altă pagină, valori setate prin atributul VALUE. 

Un exemplu de formular folosind etichete INPUT cu atributul TYPE setat pe 
valorile anterior referite are codul următor, iar efectul rulării lui este prezentat în 
figura 1.2. 

<form METHOD="GET" ACTION="exemplu.php"> 

<input type="file"> <p> 

Utilizator: <input NAME="nume" type='text size="10"><p> 

Parola: <input NAME="parola" type="password" ><p> 
Informatie ascunsa: <input NAME="ascuns" type="hidden" value="ascuns"><p> 


Autoturism <input type="checkbox" name="vehicol" value="Dacia" /> 
Autoturism Dacia 
<input type="checkbox" name="vehicol" value="Ford" /> Autoturism Ford <p> 
Sex:<p> 


<input type="radio" name="sex" value="M"> Masculin<br 
<input type="radio" name="sex" value="F"> Feminin <br> 
Descriere: <textarea rows="3" cols="30" name='date'> 
Ceva text pe primul rand. 

Alt rand 

</textarea> 

<input TYPE="IMAGE" src="imagine.jpg"> 

</form> 
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Utilizator: | lon 


Print 


Parola: [eso000 


Informatie ascunsa: 


Sex: 


© Masculin 
O Feminin 


Ceva text pe primul rand. 


Alt rand O 
Descriere: 


© [2 94 4 Done A ci 
Fig. 1.2. Formular pentru transmiterea parametrilor spre script 


Se poate remarca atribuirea unor nume identice casetelor de tip checkbox, 
respectiv radio, în timp ce toate celelalte casete INPUT (inclusiv TEXTAREA) au 
nume distincte, acestea fiind practic parametri transmişi de formular spre o altă 
pagină Web. Dacă se foloseşte metoda GET, string-ul cu parametri are următoarea 
formă: 
exemplu.php?nume=lon&parola=parola&ascuns=ascuns&vehicol=Dacia&vehicol=Fo 
rd&sex=M&date=Ceva+text+pe+primul+rand.%0D%OAALlt+rand% 0D%0A&x= 25&y 
=28 


Se remarcă în cadrul lui regulile menţionate deja: delimitare parametri prin 
caracterul &, înlocuirea caracterelor speciale cu codul lor hexa precedat de 
caracterul procent %, înlocuirea spaţiilor cu +. 


Observaţie: Eticheta FORM dispune de atributul TARGET care permite afişarea 
paginii apelate (spre care se trimit parametri) într-un alt frame (vezi paragraful 
destinat frame-urilor). Spre exemplu (pentru un frame cu numele frame1): 

<form METHOD="GET" ACTION="exemplu.php" target="frame1"> 


O altă etichetă HTML care permite o selecţie multiplă (nefăcând parte din 
categoria etichetelor de tip INPUT) este eticheta SELECT (practic echivalentul unui 
element de tip combobox specific altor limbaje de programare vizuală). 

Iată un exemplu de cod relevant privind utilizarea acestei etichete SELECT 
(cu sub-etichetele OPTION), efectul rulării lui fiind prezentat în fig. 1.3: 

<form METHOD="GET" ACTION="apelat.php"> 
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Persoane cu virsta: 

<SELECT NAME="virsta" size="1"> 
<OPTION VALUE="0"> mai mare ca 0 
<OPTION  VALUE="10" > mai mare ca 10 
<OPTION VALUE="20"> mai mare ca 20 
<OPTION VALUE="30"> mai mare ca 30 
</SELECT> 


<SELECT MULTIPLE NAME="meserie[]"> 
<OPTION selected VALUE="Inginer"> Inginer 
<OPTION VALUE="Sofer" > Sofer 

<OPTION VALUE="Dentist"> Dentist 
</SELECT> 


Autoturism <input type="checkbox" name="vehicol[]" value="Dacia" /> 


Autoturism Dacia 


<input type="checkbox" name="vehicol[]" value="Ford" /> Autoturism Ford 


<p> 


<input TYPE="SUBMIT" VALUE="Cauta"> 
</form> 
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O 29:38 Done 
Fig.1.3. Selecţii multiple 


Primul tag <SELECT...> numit virsta, prin modul lui de definire permite 
selectarea (la un moment dat) doar a unei singure opţiuni, fiind practic o casetă cu 


derulare: <SELECT NAME="virsta" size="1"> 


Dacă parametrul size are valoarea 1, este vizibilă o singură opţiune la 
momentul iniţial; dacă are o valoare n, la momentul iniţial vor fi vizibile n opţiuni 
(indiferent însă de valoarea lui n, o singură opţiune poate fi selectată). 

Al doilea tag <SELECT...> numit meserie, permite realizarea unor selecţii 


multiple (vezi şi figura 1.3): 


Cazul unor etichete care permit o selecţie multiplă ridică anumite probleme 
privind preluarea valorilor parametrilor transmişi de către acestea. Problema se 
datorează faptului că, un acelaşi parametru este pasat simultan cu mai multe valori 


diferite (selecţii multiple), fiind întâlnită atât la etichetele sE 


L 


ECT, cât şi la INPUT de 
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tip checkbox (acesta este motivul pentru care s-a inserat în exemplul anterior şi o 
secvenţă de cod specific unei etichete 1NPuT checkbox). Problema preluării acestor 
parametri cu valori multiple, în ambele situaţii, se rezolvă stabilind un nume al 
etichetei într-o sintaxă specifică unui array (şir): meseriel[],vehicol[]. Apoi 
scriptului apelat, spre care sunt pasaţi parametri, îi revine sarcina de a prelua aceste 
variabile de tip şir (array) şi de extrage, succesiv, valorile elementelor lor. In 
capitolul următor se va reveni asupra problemei, prezentându-se modul în care un 
script PHP tratează această situaţie specifică unor selecţii multiple. 


1.3. Frame-uri 


1.3.1. Frame-uri linie/coloană 


Frame-urile (numite şi cadre) sunt practic elemente HTML prin care se 
realizează o împărţire a ecranului în mai multe zone (regiuni) de afişare, 
permiţându-se astfel afişarea simultană într-un acelaşi ecran a mai multor pagini 
Web.[1][2] O astfel de împărţire a ecranului în mai multe regiuni, permite o 
prezentare a informaţiei într-o formă mai flexibilă, mai practică şi uneori mai utilă. 
În fiecare frame (având un anumit nume) este afişat conţinutul unui anumit fişier 
HTML (script), referit printr-un URL. Frame-ul poate fi redimensionat (opţional) de 
către utilizator. Cele mai uzuale marcaje (cuvinte cheie, tag-uri) specifice proiectării 
unei pagini Web utilizând frame-uri sunt: 
<FRAMESET>, <FRAME> (absolut obligatorii), respectiv (ca atribute opţionale): 
<NOFRAMES>, TARGET, ROWS, COLS, FRAMEBORDER, BORDERCOLOR, 
FRAMESPACING,  NORESIZE,  MARGINWIDTH,  MARGINHEIGHI, SCROLLING, 
<IFRAME>. 


Utilizarea unor frame-urile în cadrul unei pagini Web presupune, într-o primă 
fază, o definire a acestora în cadrul documentului HTML. Definirea frame-urilor 
precizează tipul acestora, numărul şi poziţia lor în cadrul paginii Web, precum şi 
URL-urile (adresele) către fişierele HTML care vor constitui conţinutul lor (conţinutul 
propriu-zis fiind practic stocat întotdeauna separat, într-un alt fişier HTML). 

Definiţia unei succesiuni de frame-uri care vor fi plasate pe un ecran este 
marcată printr-o etichetă de tip <FRAMESET> (pentru o setare globală). Eticheta 
<FRAMESET> va fi ignorată dacă orice alte etichete sunt plasate înainte, între tag- 
uri de tip <BODY>. Eticheta “container” <FRAMESET> conţine o serie de etichete 
<FRAME> , fiecare descriind succesiv câte un frame din setul de frame-uri care vor 
alcătui ecranul. 

Dimensiunea şi plasarea în pagină a unui frame sunt precizate în termeni de 
rânduri şi coloane, utilizând combinaţii de etichete <FRAMESET> şi <FRAME>. 

Exemplul următor prezintă modul în care poate fi realizată o succesiune de 3 
cadre, plasate în linie sub forma a trei coloane separate, în fiecare dintre ele 
încărcându-se un fişier HTML, referit explicit printr-un URL (fişierele One.htmi, 
Two.htmi, Three.html). Prima coloană este setată la 80 pixeli lăţime, coloana a doua 
este setată la 25% din aria (lăţimea) disponibilă iar a treia coloană trebuie să ocupe 
restul spaţiului rămas (fig.1.4). Înălţimea ecranului este utilizată integral de către 
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fiecare coloană. Fiecare coloană din exemplul prezentat este practic un frame 
coloană, precizarea acestui tip (coloană) fiind dictată de folosirea atributului COLS: 

<FRAMESET COLS="80,25%,*"> 

<FRAME SRC="one.htm"> 

<FRAME SRC="two.htm"> 

<FRAME SRC="three.htm"> 

</FRAMESET> 

Pentru aranjarea pe linii a unor frame-uri, se utilizează atributul ROWS în 
locul atributului COLS. 


i Netscape - [Frame Example 1] Jof x] 


File Edit View Go Bookmarks Options Directoy ‘window Help 


One 


zis] |Document: Done 
Fig.1.4. Frame-uri coloană 


Deci, definirea modului de plasare pe ecran a frame-urilor, precum şi a 
dimensiunilor lor, se face prin atributele ROWS sau COLS, care stabilesc înălţimea 
unei linii (cadru linie) sau lăţimea unei coloane (cadru coloană), printr-o listă de 
valori (de genul celei exemplificate). Aceste valori sunt descrise ca valori absolute în 
pixeli, valori procentuale de la 1% la 100% sau ca şi valori relative utilizând un 
asterisc (*). Browser-ele Mozilla au tendinţa de a rotunji dimensiunile unui frame, 
lucrând doar cu multipli de 10 pixeli. Inălţimea totală a tuturor cadrelor linie trebuie 
să fie egală cu înălţimea totală a ferestrei, deci valorile pot fi normalizate de către 
browser dacă e necesar. 

Spre exemplificare: 

<FRAMESET ROWS="2%*,*"> 

face cadrul linie de sus de două ori mai înalt decât cadrul de jos; 

<FRAMESET COLS="50,*,50"> 

fixează înălţimea cadrelor din stânga şi dreapta şi alocă spaţiul rămas în 
fereastra cadrului din mijloc; 

<FRAMESET ROWS="20%,60%,20%"> 

afişează un cadru de mijloc mai mare, între două cadre mici. 


Observaţie: Deşi la ora actuală se recomandă evitarea folosirii frame-urilor (datorită 
modului deficitar în care este percepută o pagină dintr-un frame de către un motor 
de căutare), acestea oferă încă o alternativă simplă şi eficientă de structurare a 
informaţiei din mai multor pagini Web pe un singur ecran (fiind încă des întâlnite 
mai ales în cadrul aplicaţii Web intranet, neindexabile de către motoarele de 
căutare), 


1.3.2. Frame-uri încuibate 


Exemplul anterior descrie trei frame-uri plasate într-o aceeaşi definiţie 
FRAMESET. Pentru a crea un aranjament mai complex al paginii Web se poate plasa 
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o definiţie FRAMESET şi frame-urile asociate ei într-o altă definiţie FRAMESET. 
Această metodă este cunoscută sub denumirea de încuibare de frame-uri. În 
exemplul următor se arată o modalitate de grupare (încuibare) a unor frame-uri, 
punând o definiţie FRAMESET în alta. Pentru început se defineşte un FRAMESET de 
bază, conţinând două frame-uri linie (fig. 1.5): 

<FRAMESET ROWS="*,50%"> 

<FRAME SRC="five.htm"> 

<FRAME SRC="four.htm"> 

</FRAMESET 


yix Netscape - [Frame Example 2] olx] 
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Fig.1.5. Frame-uri linie 


Se înlocuieşte definiţia FRAME-ul care afişează conţinutul fişierului five.htm 
cu definiţia FRAMESET şi frame-urile din exemplul descris în paragraful anterior, 
rezultând: 

<FRAMESET ROWS="*,50%"> 

<FRAMESET COLS="80,25%,*"> 
<FRAME SRC="one.htm"> 
<FRAME SRC="two.htm"> 
<FRAME SRC="three.htm"> 

</FRAMESET> 

<FRAME SRC="four.htm"> 

</FRAMESET> 

Efectul este prezentat în figura 1.6, rezultatul fiind crearea a 4 frame-uri. 

Nu există o limitare a numărului de frame-uri care se pot grupa (încuiba), 
deşi, în practică, utilizarea a mai mult de trei frame-uri pe ecran face ca lucrurile să 
devină complicate pentru utilizator. 

Pot încă apare situaţii de clienţi Web care utilizează pentru navigare un 
browser non-frame (care nu suportă frame-uri). Problema este destul de 
importantă, deoarece trebuie să se asigure citirea conţinutului paginii şi în cazul 
utilizării unui astfel de browser. Elementul <NOFRAMES> permite asigurarea acestei 
cerinţe. In interiorul etichetelor pereche <NOFRAMES>... </NOFRAMES> se poate 
pune orice informaţie care s-ar pune normal între etichetele <HTML> </HTML >. 
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vi Netscape - [Frame Example 3] = [Dj x] 
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Fig. 1.6. Frame-uri încuibate 


Dacă nu se oferă o astfel de alternativă de utilizare prin plasarea unei 
informaţii între etichetele <NOFRAMES>... </NOFRAMES>, un "cititor" al paginii care 
utilizează un browser care nu suportă frame-uri, nu va vedea nimic şi va fi forţat să 
abandoneze navigarea pe acel site. Browser-ele care suportă frame-uri ignoră 
conţinutul plasat între etichetele <NOFRAMES>. Exemplu: 

<FRAMESET ROWS="*,50%"> 

<FRAME SRC="five.htm"> 

<FRAME SRC="four.htm"> 
<NOFRAMES> 

<BODY> 

<P>Welcome to my page. 

<A HREF="noframes.htm">Continue</A> to the frame-free version.</P> 

</BODY> 

</NOFRAMES> </FRAMESET> 


1.3.3. Atribute ale frame-urilor 


Asupra frame-urilor se poate exercita un control setând corespunzător 
anumite proprietăţi ale acestora. Astfel, se poate pune sau nu o bordură frame- 
urilor, se pot colora, se pot îndepărta barele de rulare (scrooll) sau se poate realiza 
o redimensionare a lor. 


Atribute ale etichetei <FRAMESET>: 

Următoarele atribute (proprietăţi) pot fi aplicate unui element <FRAMESET>, 
pentru un control suplimentar, având un efect de setare globală asupra tuturor 
definiţiilor FRAME incluse în FRAMESET: 

FRAMEBORDER="yes|no'"|O  - permite sau nu punerea unei margini 
(borduri) în jurul frame-urilor aferente unei definiţii FRAMESET. În mod curent, 
începând cu Netscape Navigator 3 (şi continuând cu Mozilla) se folosesc valorile yes 
şi no, în timp ce Microsoft Internet Explorer foloseşte valoarea 0 pentru a scoate 
bordura (care altfel este implicită). Pentru ca marginile să nu fie trasate, toate 
frame-urile care îşi împart o margine comună, trebuie să aibă atributul 
FRAMEBORDER setat pe "no". Acest atribut poate fi folosit şi cu eticheta <FRAME> 
pentru setarea marginilor pentru un singur frame, bine precizat. 
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BORDER=pixels - utilizat doar începând cu Netscape Navigator 3 (sau o 
versiune mai evoluată Mozilla), acest atribut permite setarea lăţimii marginilor 
(bordurilor) în pixeli, într-o definiţie FRAMESET. 

BORDERCOLOR="/hexcolor|colorname'" - se poate utiliza acest atribut 
(doar cu Mozilla), permiţând setarea culorii bordurii frame-urilor cuprinse într-o 
definiţie FRAMESET, prin specificarea unui triplet hexa RGB convenţional sau direct a 
numelui culorii. Atributul poate fi utilizat şi cu eticheta <FRAME> pentru setarea 
culorii marginii unui singur frame. 


Atribute ale etichetei FRAME: 

Următoarele atribute pot fi aplicate la elementele <FRAME> pentru un 
control suplimentar la nivelul unui singur frame, bine precizat: 

SCROLLING="yes|no|auto" - permite introducerea sau nu, a unei bare 
de derulare (scroll) a conţinutului frame-ului. In lipsă, valoarea implicită este "auto", 
lăsând browser-ul să decidă dacă frame-ul are nevoie de bare de derulare 
(informaţia afişată în frame nu este vizibilă, nu încape în totalitate în zona de afişare 
aferentă frame-ului) sau nu. a 

NORESIZE - împiedică redimensionarea frame-ului. In lipsa lui, implicit, 
utilizatorul poate redimensiona frame-urile, trăgând marginile acestora într-o nouă 
poziție. 

MARGINWIDTH=pixels - setează dimensiunea marginilor din dreapta şi 
stânga frame-ului, în pixeli (distanţa dintre text şi margine). In lipsa atributului, 
implicit, browserul va decide singur dimensiunea marginilor. 

MARGINHEIGHT="pixels" - setează marginea de sus şi de jos a frame- 
ului, în pixeli. În lipsa atributului, browser-ul va decide singur dimensiunea acestor 
margini. 

BORDERCOLOR="color" - începând cu Netscape Navigator 3 (actualmente 
Mozilla) este permisă setarea culorii marginii frame-ului, prin specificarea unui 
triplet hexa RGB convenţional. Acest atribut poate fi utilizat şi cu eticheta 
<FRAMESET >, pentru seterea culorii marginii pentru un grup de frame-uri. 

FRAMESPACING="pixels" - începând cu Microsoft Internet Explorer 3, 
atributul permite setarea spaţiului liber din jurul frame-ului, definit în pixeli. 

FRAMEBORDER= "yes|no”|0O - permite plasarea sau nu a unei margini din 
jurul frame-ului. În mod curent, începând cu Netscape Navigator 3 se folosesc 
valorile yes şi no, în timp ce începând cu versiunea Microsoft Internet Explorer 3 se 
foloseşte valoarea 0 (implicit, lipsa atributului, semnifică faptul că frame-ul are 
bordură). Acest atribut poate fi folosit şi cu eticheta <FRAMESET> pentru setarea 
marginilor unui grup de frame-uri. Marginile unui frame vor fi eliminate numai dacă 
ambele frame-uri adiacente (chiar definite în FRAMESET-uri distincte) au atributele 
FRAMEBORDER setate în conformitate. 


1.3.4. Frame-uri legate 


Unul din principalele avantaje ale utilizării frame-urilor, constă în faptul că se 
poate utiliza o legătură (/ink) dintr-un frame, pentru a deschide (afişa) o anumită 
pagină într-un alt frame, pe aceeaşi pagină ecran. Apelând o anumită referinţă (sau 
apăsând un buton) într-unul din frame-uri (sursă), se poate deschide astfel o nouă 
pagină într-un alt frame (ţintă, "target”) al aceluiaşi ecran, restul conţinutului 
ecranului rămânând neschimbat. 
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Primul pas pentru a stabili un rol de “target” pentru un frame constă în 
ataşarea unui nume acelui frame. Această operaţie este realizată în eticheta de 
definire a frame-ului respectiv (<FRAME>), utilizând atributul NAME. Exemplu: 

<FRAME SRC="pagina32.htm" NAME="zona_tinta"> 

Direcţionarea unei informaţii dintr-un fişier HTML spre un anumit frame 
“target”, se face utilizând atributul TARGET. Acest atribut nu se găseşte în definirea 
frame-ului, fiind utilizat ca atribut pentru diverse etichete HTML (ancore, butoane) în 
scopul direcţionării datelor/informaţiei spre un anumit frame 'ţintă”. 

Pentru exemplificare se consideră următorul exemplu, cu două frame-uri, al 
doilea frame constituind zonă “țintă” pentru o referinţă de tip ancoră afişată în 
primul: 

<FRAMESET ROWS="*,50%"> 

<FRAME SRC="continut_initial1.htm" > 

<FRAME SRC="continut_initial2.htm" name="zona_tinta"> 

</FRAMESET> 

Fişierul continut initiall.htm trebuie să conţină o referinţă ancoră, 
având specificată un atribut TARGET spre frame-ul al doilea: 

<A TARGET="zona_tinta" HREF="continut_final.htm">Pagina noua in frame- 
ul 2</A> 

În momentul când din primul frame este apelată această referinţă, conţinutul 
fişierului continut final.htm este afişat în cel de-al doilea frame (frame-ul 
"target”). Dacă numele tintei specificate cu atributul TAGET nu există, documentul 
legat va fi deschis într-o nouă fereastră, având numele similar cu cel precizat în 
atributul TARGET. Există câteva nume ţintă” speciale, predefinite. Toate acestea 
încep cu liniuţă de subliniere ( _ ) şi sunt folosite pentru încărcarea unor pagini în 
anumite frame-uri. Aceste "target-uri” speciale sunt: 

TARGET="_self'" - documentul se încarcă în acelaşi frame care conţine şi 
legătura (frame-ul se încarcă pe el însuşi, opţiune implicită). 

TARGET="_parent" - documentul se încarcă în aceeaşi pagină frameset ca 
şi legătura, în felul acesta îndepărtând orice alte "sub-frame-uri". Practic se încarcă 
pagina părinte în care este realizată definiţia FRAMESET. 

TARGET="_top" - documentul se încarcă în tot corpul ferestrei, aceasta 
eliberându-se de toate frame-urile. Această metodă este utilă atunci când o legătură 
direcţionează utilizatorul spre un alt site. 

TARGET="_blank" - documentul se încarcă într-o fereastră nouă. 

Atributul TARGET este deseori folosit în cadrul unui FORM inclus într-un 
frame, asigurând afişarea pagini apelate (spre care se transmit parametri) într-un 
alt frame. Exemplu: 

<form METHOD="GET" ACTION="apel.php" TARGET="numeframe”> 

Parametri formularului sunt pasaţi spre pagina apelată (ape/.php), aceasta 

procesând informaţia transmisă şi o afişează în frame-ul numeframe (altul decât 
frame-ul în care este afişat formularul) 
Observaţie: Începând cu versiunea 3.01 Microsoft Internet Explorer suportă şi aşa 
numitele floating frames, prin utilizarea etichetei <IFRAME>, plasarea unui frame 
putându-se face în orice poziţie a unei pagini Web. Spre exemplu, următoarea 
secvenţă plasează un frame lângă un text format: 

<h1i>Text de afisat</h1> 

<IFRAME SCROLLING=YES FRAMEBORDER=1 ALIGN=top 

HEIGHT=300 WIDTH=300 SRC="initial.html"> </IFRAME> 
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1.4. Tabele 


1.4.1. Elemente introductive 


O tabelă permite organizarea datelor pe linii (rânduri) şi coloane, ca 
modalitate de prezentare a unei informaţii (text sau grafică) într-o pagină. Tabelele 
sunt extrem de utilizate ca mod de formatare a informaţiei returnate prin 
interogarea unei baze de date.[1][4] 

Cele mai uzuale marcaje (cuvinte cheie, tag-uri, etichete) specifice 
proiectării unei pagini Web utilizând tabele (afişări tabelate) sunt: 
<TABLE>,<TR>,<TD>,<TH> (lista putând continua cu <CAPTION>, <COL>, 
<COLGROUP>, <SPAN>, etc) 

Definiţia oricărui tabel presupune utilizarea perechii de etichete <TABLE> 
</TABLE>. În definiţia tabelei se poate folosi (opţional) o etichetă <CAPTION>, prin 
care se ataşează un titlu tabelului. 

După cum se va prezenta în continuare, tabelele sunt construite succesiv, 
linie cu linie (o linie la un moment dat, apoi altă linie, s.a.m.d.). Liniile unei tabele 
sunt definite prin perechi de etichetele <TR> </TR>. În interiorul acestor etichete 
trebuie inclus cel puţin un header (cap de tabel) sau element de tip date (articol, 
informaţie) utilizând perechea de etichete <TH> </TH>, respectiv <TD> </TD> 
(etichete controlând definirea unei coloane sau mai precis un element coloană al 
unei linii). De subliniat faptul că, construcţia unei tabele începe tot timpul cu 
definiţia unei linii (<TR>), iar în cadrul definiţiilor liniilor sunt generate celulele 
aferente coloanelor (<rn> pentru celule cap tabel, <TD> pentru celulele date) 


Exemplu: 
<TABLE border=1> 
< CAPTION ALIGN="top”>Clasament</CAPTION> 
<TR> 
<TH>Cool</TH> 
<TH>Sad</TH> 
</TR> 
<TR> 
<TD>Belle & Sebastian</TD> 
<TD>Michael Bolton</TD> 
</TR> 
<TR> 
<TD>Bentley Rhythm Ace</TD> 
<TD>Mariah Carey</TD> 
</TR> 
</TABLE> 
Efectul pe ecran este următorul: 


Clasament 


|_____ Cool | O Sad o ooo O 
Belle & Sebastian Michael Bolton 


Bentley Rhythm Ace Mariah Carey 
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Analizând codul, se poate remarca modul în care s-a construit succesiv 
fiecare linie (capul de tabel, urmat de două linii cu informaţie), iar în cadrul fiecărei 
linii modul în care s-au realizat celulele (practic împărţirea liniei pe coloane). 


1.4.2. Controlul global al unui tabel 


Există numeroase metode pentru a controla designul unui tabel. În primul 
rând, se poate adăuga o bordură (margine) fiecărei celule a tabelului; această 
operaţie creând practic un caroiaj pentru tabel. Se poate specifica poziţia titlului 
tabelului (sus sau jos) şi lăţimea tabelului. Se poate, de asemenea, spaţia conţinutul 
tabelului, adăuga spaţii între celulele tabelului sau crea margini (contururi) în jurul 
conţinutului fiecărei celule. Toate aceste efecte pot fi realizate prin adăugarea unuia 
sau mai multora dintre atributele următoare, specifice etichetei de control global al 
designului unui tabel <TABLE>. 

BORDER=value - includerea acestui atribut permite realizarea unei borduri 
în jurul tuturor celulelor tabelului. Lăţimea bordurii se precizează în pixeli. Dacă 
atributul nu este utilizat, nu apare nici o bordură, totuşi un spaţiu liber va rămâne în 
jurul fiecărei celule ca şi cum o bordură ar fi prezentă. 

ALIGN=left/right - folosit pentru a afişa tabelul în stânga, dreapta sau 
centrat în fereastră. (pentru Nestcape, valabil începând cu versiunea 4, şi 
continuând cu Mozilla). 

CELLSPACING=value - permite specificarea dimensiunilor (în pixeli) a 
spaţiilor inserate între celulele individuale ale tabelului. 

CELLPADDING=value - permite specificarea dimensiunii (în pixeli) a 
spaţiului inserat între marginea şi conţinutul unei celule din tabel. 

WIDTH=value/percent - permite precizarea lăţimii tabelului (în pixeli sau în 
% referitoare la lăţimea documentului (paginii)). 


Observaţie: Cel mai compactat tip de tabel trebuie să folosească atributele BORDER, 
CELLSPACING şi CELLSPADDING setate pe zero. 

Spre exemplificare, definiţia TABLE din exemplul precedent poate fi 
completată cu aceste atribute, astfel: 
<TABLE BORDER=5 WITH="75%” CELLPADDING=6 CELLSPACING=2 
ALIGN="LEFT"> 


1.4.3. Controlul unei celule 


Pe lângă un control global, asupra tuturor elementelor (celulelor) unui tabel, 
se pot modifica şi individual atributele fiecărei celule. 

Modificările care pot fi făcute afectează alinierea (pe orizontală sau 
verticală), lăţimea şi înălţimea celulelor, aranjarea textului ca informaţie. De 
asemenea se pot adăuga culori sau grafice (vezi paragrafele următoare). 

Următoarele atribute pot fi aplicate unei întregi linii, prin includerea lor între 
etichetele de tip <TR>, sau unei celule individuale prin includerea între etichetele 
<TD></TD>. 

ALIGN=.left/center/right - permite alinierea întregului text al unei linii sau 
celule. 
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VALIGN=top/middle/botton/baseline vertical align - utilizat pentru alinierea 
întregului text al unei linii sau celule (sus, la mijloc, jos) şi de asemenea pentru a 
specifica faptul că toate celulele încep (sunt aliniate) de la aceeaşi linie de bază. 

Următoarele atribute pot fi, de asemenea, aplicate oricărei celule prin 
includerea lor între etichete de tip <TD> sau <TH>. 

WIDTH=value/percent - permite setarea lăţimii celulei (în pixeli sau % din 
lăţimea tabelului). Fixarea unei lățimi particulare pentru o celulă, conduce la fixarea 
acelei lățimi pentru tot tabelul. 

HEIGHT=value/percent - permite setarea înălţimii celulei (în pixeli 
sau % din lăţimea tabelului). Fixarea unei înălţimi particulare pentru o celulă, 
conduce la fixarea acelei înălţimi pentru toată linia. 

NOWRAP - specifică faptul că liniile dintre celule nu vor fi întrerupte pentru 
a seta lăţimea celulei. 

<TABLE BORDER=1> 

<TR> 

<TH>Cool</TH> 

<TH>Sad</TH> 

</TR> 

<TR VALIGN="BOTTOM" ALIGN="CENTER"> 

<TD HEIGHT=35 >Belle & Sebastian</TD> 

<TD NOWRAP>That Michael used to have such lovely hair,don't you think 
Gladys?</TD> 

</TR> 

<TR VALIGN="TOP"> 

<TD WIDTH=200 ALIGN="RIGHT" >Bentley Rhythm Ace</TD> 

<TD HEIGHT=35>Mariah Carey </TD> 

</TR> 

</TABLE> 


1.4.4. Combinarea celulelor 


Următorul pas pentru crearea unui tabel cu un aspect dorit, constă în unirea 
unor celule, atunci când aceasta se impune. Se pot uni celule astfel încât, o celulă să 
cuprindă două sau mai multe linii sau două sau mai multe coloane. Acest lucru se 
poate face utilizând atributele COLSPAN şi ROWSPAN, astfel: 

COLSPAN=value - utilizat pentru a specifica câte coloane sunt cuprinse într- 
o celulă. 

ROWSPAN=value - utilizat pentru a specifica câte linii sunt cuprinse într-o 
celulă. 

Exemplu (însoţit de vizualizarea tabelului creat): 

<TABLE BORDER=1> 

<TR> 

<TH ROWSPAN=2> </TH> 
<TH COLSPAN=2>Rating</TH> 
</TR> 

<TR> 

<TH>Sad</TH> 
<TH>Cool</TH> 

</TR> 

<TR> 
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<TH ROWSPAN=2>Artist</TH> 
<TD>Belle & Sebastian</TD> 
<TD> Michael Bolton</TD> 
</TR> 
<TR> 
<TD>Bentley Rhythm Ace</TD> 
<TD> Mariah Carey</TD> 
</TR> 
</TABLE> 
Efectul în pagina Web este următorul: 


C e Cool 


Belle & Sebastian Michael Bolton 
i Bentley Rhythm Ace Mariah Carey 


1.4.5. Formatarea coloanelor 


Prin utilizarea etichetelor <COL> sau <COLGROUP> se poate specifica 
aranjarea textului în cadrul coloanelor unui tabel. In mod esențial, aceste atribute 
permit formatarea unor celule în cadrul unei coloane, în aceeaşi manieră în care 
<TR> permite formatarea unor celule în cadrul unei linii. Se utilizează atributul 
<COLGROUP> pentru a formata două sau mai multe coloane în acelaşi timp şi 
<COL> pentru a formata o coloană individuală. Atributul <COL> trebuie întotdeauna 
inclus în cadrul unei perechi de etichete <COLGROUP>. 

ALIGN=center/justify/left/right - alinierea textului (pe orizontală) 

VALIGN=baseline/bottom/middle/top - aliniere pe verticală . 

SPAN=number - setează numărul de coloane asupra cărora acţionează 
atributele ALIGN şi VALIGN. 

WIDTH=pixels - setează lăţimea coloanei în pixeli. 


Exemplu: 
<TABLE BORDER=1 WIDTH=80%> 
<COLGROUP> 
<COL ALIGN="left"> 
<COL ALIGN="right" VALIGN="bottom"> 
</COLGROUP> 
<COLGROUP SPAN=2 ALIGN="center" VALIGN="top"> 
</COLGROUP> 
<TR> 
<TH>Cool</TH> 
<TH>Groovy</TH> 
<TH>Unigue</TH> 
<TH>Sad</TH> 
</TR> 
<TR> 
<TD HEIGHT=35>Belle & Sebastian</TD> 
<TD>The Wedding Present</TD> 
<TD>Tricky</TD> 
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<TD> Michael Bolton</TD> 
</TR> 
<TR> 
<TD HEIGHT=35>Bentley Rhythm Ace</TD> 
<TD>Leftfield</TD> 
<TD>Nine Inch Nails</TD> 
<TD> Mariah Carey</TD> 
</TR> 
</TABLE> 


|____ Cool | Groovy | Unique | Sad _ | 


Belle & Sebastian he Wedding Present foy fiee Bolton 


Bentley Rhythm Ace  |Leftfield Nine Inch Nails Mariah Carey 


1.4.6. Fundal şi margini tabelă 


Culorile pot fi incluse într-un tabel prin utilizarea unor atribute adiţionale la 
elementele <table>, <tr>, <td>, <th>. 

Aceste atribute sunt: bgcolor, bordercolor, bordercolorlight, bordercolordark, 
controlând culorile fundalului sau a bordurilor tabelelor. Pentru ca o colorare a 
tabelului să afecteze şi bordura, atributele border trebuie să fie prezente în cadrul 
unor etichete <TABLE>. Toate culorile trebuie exprimate (în mod convenţional) fie 
ca triplete hexa RGB, fie prin "nume" ale culorilor. 

Dacă atributele de culoare sunt plasate ataşat unui element <table> ele se 
vor referi la întregul tabel. Dacă sunt ataşate unor etichete <tr> (sau <th>, <td>), 
ele vor acţiona la nivel de linie sau celulă individuală. 

bgcolor="+hextriplet"/"colourname" - se specifică culoarea de fundal a 
celulei (celulelor). 

bordercolor="fhextriplet"/"colourname" - specifică culoarea bordurii celulei 
(celulelor). 

bordercolorlight="/hextriplet"/"colourname" = bordurile pot fi 
reprezentate tridimensional. Pentru a folosi acest efect, se utilizează o iluminare sau 
întunecare a bordurii. Se utilizează acest atribut pentru a seta culoarea de 
iluminare. 

bordercolordark="/hextriplet"/"colourname" - se utilizează acest atribut 
pentru a seta culoarea de întunecare. 


Exemplu: 

<TABLE BORDER BGCOLOR="Silver' BORDERCOLOR="Black" WIDTH=50%> 
<TR> 

<TH>Cool</TH> 

<TH>Sad</TH> 

</TR> 

<TR BORDERCOLOR="Red" BGCOLOR="Green'"> 

<TD>Belle & Sebastian</TD> 

<TD> Michael Bolton</TD> 
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</TR> 

<TR BORDERCOLOR="Red" BGCOLOR="Green'"> 

<TD BORDERCOLOR= "Yellow" >Bentley Rhythm Ace</TD> 

<TD BGCOLOR="White"> Mariah Carey</TD> 

</TR> 

<TR BORDERCOLOR="Orange" BORDERCOLORDARK="Blue" 
BORDERCOLORLIGHT="White"> 

<TD>The Wedding Present</TD> 

<TD>Celene Dion</TD> 

</TR> 

</TABLE> 

Efectul pe ecran al scriptului HTML anterior este următorul: 


Belle & Sebastian Michael Bolton 


Bentley Rhythm Ace Mariah Carey 
The Wedding Present 


Adăugarea unei imagini ca background la un tabel (începând cu Microsoft 
Internet Explorer 3 şi Netscape 4, apoi continuând cu familia Mozilla) se poate face 
utilizând atributul background, ataşat unor etichete de genul <table> sau <td> 
(exact ca şi pentru o etichetă <body>). Există câteva deosebiri în această problemă, 
referitor la modul de lucru cu Mozilla şi Internet Explorer. Mozilla repetă graficul de 
background la început, pentru corpul fiecărei celule, în timp ce Internet Explorer 
acoperă cu acea imagine întreg tabelul, inclusiv bordurile. În plus, Mozilla nu 
permite un background individual pentru fiecare celulă, dacă s-a specificat deja un 
background global, pentru întreg tabelul. 

Exemplu: 

<TABLE BACKGROUND="graphics/babies.gif" WIDTH=50% BORDER=1> 
<TR> 

<TH BGCOLOR="orange">Cool</TH> 

<TH BGCOLOR="orange">Sad</TH> 

</TR> 
<TR> 
<TD>Belle & Sebastian</TD> 
<TD> Michael Bolton</TD> 
</TR> 
<TR> 
<TD>Bentley Rhythm Ace</TD> 
<TD> Mariah Carey</TD> 
</TR> 
<TR> 

<TD>The Wedding Present</TD> 

<TD BACKGROUND="graphics/flower_t.jpg">Celene Dion</TD> 

</TR> 

</TABLE> 
Observatie: Pentru crearea unei celule vide se poate folosi o secvență de genul: 
<TD>&nbsp; </TD> (&nbsp; - jucând rolul unui spaţiu). 
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1.5. Liste 


Listele permit ordonarea după anumite criterii şi afişarea informaţiei pe 
ecran sub forma unor articole (item-uri) bine structurate.[1][2] 

Există mai multe tipuri de liste care pot fi create, cele mai importante fiind 
listele ordonate şi neordonate. 

Iată câteva etichete specifice creării unor liste: 
<LI>,<OL>,<UL>,<MENU>,<DIR>,<DL>,<DT>,<DD>, 


O listă conţine o succesiune de item-uri (articole/elemente). Tipul de listă 
determină cum sunt descrise (afişate) item-urile. Pentru cazuri mai complexe se pot 
crea şi liste încuibate, pe mai multe nivele. 


1.5.1. Liste neordonate 


O listă neordonată prevede fiecare element al listei cu un “bullet” (marcaj 
grafic). O astfel de listă este delimitată de o pereche de etichete <UL> </UL>. 

Atributul prin care se stabileşte tipul de marcaj al fiecărui articol (fig.1.7) 
este: TYPE=” disc/circle/square” 


<UL> E] C:AMnetpubitestia.htm - Micros... DAR) 
<LI>Pulp</LI> Fie Edit View Favorites Tools Help Kd 
<UL> 


<LI>Jarvis Cocker</LI> 
<LI>Candida Doyle</LI> 
</UL> 
<LI>TheWedding Present</LI> 
<UL TYPE="square”> 
<LI>David Gedge </LI> 
<LI>Simon Smith </LI> 
</UL> 
<LI>Spacemen 3</LI> 
<UL> 
<LI>Sonic Boom</LI> 
<LI>Jason Spaceman</LI> 
</UL> 
</UL> 


» 


x) 2 e 


Address |Æ) c:unetpubttestia. hr v | Go Links ? 


e Pulp 
o Jarvis Cocker 
o Candida Doyle 
e The Wedding Present 
=a David Gedge 
= Simon Smith 
e Spacemen 3 
o Sonic Boom 
o Jason Spaceman 


"4 My Computer 
Fig. 1.7. Lista neordonată 


1.5.2. Liste ordonate 


O listă ordonată asigură o numerotare secvenţială automată a articolelor 
listei. Delimitatorii unei liste ordonate sunt reprezentaţi de perechea de etichete 
<OL> </OL>. Atributele care stabilesc tipul de numerotare sunt: 

START= n - valoarea de start a numerotării. Valoarea este întotdeauna 
specificată în termeni de 1,2,3, etc., indiferent de orice atribut TYPE. 

TYPE ="1/A/a/]/i - numerotare conform tabelului următor. 
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Tabel 1.3. 


1,2,3,... 
A,B,C,... 
a,b,c,... 
LILII... 
iii iii... 


=|=]|o |D |. 


Exemplu: 
<OL TYPE="i” START=2 > 
<LI>Element2.</LI> 
<LI>Element3.</LI> 
<LI> Element4.</LI> 
</OL> 
cu rezultatul: 
ii. Element2 
iii. Element3 
iv. Element4 


1.5.3. Alte tipuri de liste 


- Liste directoare 

O listă directoare ar trebui să fie împrejmuită de o pereche de etichete 
<DIR> </DIR>. Listele directoare sunt la fel ca listele neordonate cu excepţia 
faptului că nu pot fi încuibate iar eticheta <LI> nu are nici un atribut. 

Listă directoare: 

<DIR> 

<LI>Mole</LI> 

<LI>Foal</LI> 

<LI>Vole</LI> 

<LI>GOAL.!</LI> 

</DIR> 


- Liste de meniuri 

O listă de meniuri ar trebui să fie împrejmuită de o pereche de etichete 
<MENU> </MENU>. Listele de meniuri sunt la fel ca listele neordonate, cu excepţia 
că ele pot fi încuibate. 


- Liste definite 
Listele definite afişează o listă de articole, fiecare articol fiind o pereche de 
genul "termen - definiţie”. Spre deosebire de celelalte tipuri de liste, listele definite 
nu se folosesc de elementele <LI> </LI>, în schimb perechea de etichete <DT> 
</DT> este folosită pentru a indica ‘termenul’, iar etichetele <DD> </DD> conţin 
‘definiția’ corespunzătoare fiecărui termen. O listă definită ar trebui inclusă într-o 
pereche de etichete <DL> </DL>. Exemplu: 
Some definitions: 
<DL> 
<DT>plasma</DT> 
<DD>definitie pentru plasma</DD> 
<DT>thyristor</DT> 
<DD>definitia tiristorului.</DD> 
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</DL> 
<DL COMPACT> 

<DT>alt termen</DT> 
<DD>definitia noului termen</DD> 
</DL> 


1.6. Mapări pe imagini 


Mapările pe imagini constă practic în delimitarea anumitor zone active pe 
suprafaţa unei imagini (crearea unei "hărţi”), sub forma unor regiuni de tip 
referinţă-link, la al căror apelare (click) se execută o anumită operaţie (de regulă 
încărcarea unui document HTML, apelul unui script etc.). [1] Etichetele de bază 
pentru realizarea unei mape pe o imagine sunt : <MAP>, <AREA>. 

Alegând o imagine convenabilă, este necesară în primul rând afişarea 
graficului pe ecran şi indicarea faptului, că referitor la respectiva imagine, există 
creată o mapare. Pentru a realiza acest lucru se foloseşte eticheta <IMG>, cu 
atributul USEMAP. In continuare este necesară descrierea coordonatelor care 
delimitează zonele active mapate şi a acţiunilor care se execută la apelul acelei 
mape. Cu alte cuvinte, maparea unei imagini constă în atribuirea unei anumite 
acţiuni diverselor regiuni ale unei imagini, pe care se face click cu mouse-ul. 

Etichetele de bază prin care se realizează o mapare activă pe o imagine sunt 
prezentate în continuare: 

<MAP></MAP> 

Această etichetă conţine definirea mapei şi numele atribuit acesteia prin 
proprietatea NAME: NAME="text" 

<AREA> 

Această etichetă este folosită pentru a marca o arie a imaginii ca o zonă 
“activă” (căreia i se mapează o anumită acţiune), lucrând practic ca o sub-etichetă 
a etichetei MAP. Nu există o limitare a numărului acestor zone <AREA> în cadrul 
unui MAP. Dacă două zone se intersectează, zona care apare prima în definirea 
mapei este prioritară în regiunea de suprapunere. 

SHAPE="rect | circle | poly | default" 

Defineşte forma unei zone active mapate, ca dreptunghi, cerc, poligon sau 
ca rest al imaginii rămas nedefinit (valoarea default). Setând valoarea la default, 
înseamnă că eticheta <AREA> e aplicată în afara spaţiului imaginii corespunzător 
oricărei zone mapate. 

HREF="URL" 

Este folosit pentru a specifica o legătură destinaţie (/ink-ul) pentru zona 
activă. Are aceeaşi sintaxă ca şi atributul HREF al etichetei <IMG>. 

COORDS="x1,y1,x2,y2 | x,y,r | x1,y1,x2,y2,x3,y3..." 

Defineşte poziţia precisă a unei zone mapate (active) folosind coordonatele 
în pixeli, separate prin virgulă. Un dreptunghi este descris prin coordonatele 
colţurilor stânga-sus şi dreapta-jos. O zonă circulară este descrisă prin coordonatele 
centrului, urmate de raza sa. Un poligon este definit de coordonatele tuturor 
colţurilor poligonului. Atributul COORDS este întotdeauna necesar pentru atributul 
SHAPE, exceptând cazul când SHAPE este setat default. 

NOHREF 

Folosit pentru a specifica o zonă care nu e în viaţă. 
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ALT 

Se foloseşte numai începând cu Microsoft Internet Explorer 4. Este folosit 
pentru a prevedea un mesaj (hint) pentru legătura care apare atunci când mouse-ul 
trece deasupra zonei active. 

TARGET="frame_name | window_name" 

Acest atribut alocă destinaţia unei legături link, pentru a încărca informaţia 
referita prin HREF într-un frame predefinit sau într-o fereastră. Dacă nu este nici un 
frame cu numele specificat, atunci legătura va fi încărcată într-o fereastră nouă 
(care primeşte acel nume). 

Exemplu (pentru Internet Explorer): 

<IMG SRC="timis.jpg" USEMAP="/timis" BORDER=3> 

<MAP NAME="timis"> 

<AREA SHAPE=RECT COORDS="11,121,329,548" HREF="vest.html" ALT=" 
vest Timis"> 

<AREA SHAPE=RECT COORDS="327,157,700,344" HREF="ne.html" 
ALT="nord-est Timis" > 

<AREA  SHAPE=RECT  COORDS="328,344,685,570"  HREF="se.html" 
ALT="sud-est Timis" > 

</MAP> 

Observaţie: Referitor la exemplul anterior, în cazul unei rulării pe un browser 
Mozilla este posibil ca anumite atribute să nu aibă efectul aşteptat (spre exemplu 
atributul ALT nu este funcţional). 

Într-un paragrafele precedente se vorbea despre DHTML, adică de modul în 
care chiar unele etichete HTML aduc o oarecare dinamică în statismul unei pagini 
Web. În continuare sunt exemplificate câteva asemenea etichete. 


1.7. Dinamică şi multimedia. HTML 5 


Unul dintre obiectivele majore ale fiecărei noi versiuni HTML a fost 
îmbunătăţirea dinamicii paginilor Web, asigurându-le o interactivitate cât mai mare, 
respectiv un design cât mai atractiv, în principal printr-o extindere a capabilităţilor 
multimedia. [3] 

Câteva exemple care surprind aceste aspecte sunt punctate în continuare: 

- Crearea unui blinking text 

Limbajul HTML dispune de o etichetă pentru a crea un text special ca 
dinamică, care să "sară în evidenţă” atunci când un navigator accesează o anumită 
pagină. Aceasta este eticheta <blink>, iar textul marcat de ea va înregistra un efect 
dinamic de "clipire”: 

<blink> Acesta este un text blink.</blink> 
Observaţie: Tag-ul <blink> este interpretat numai de browserele Mozilla, celelalte 
neasigurând o "clipire” a textului. 


- Elementul de tip <marquee> 

Dacă se doreşte o deplasare a unui text pe ecran, în genul unei reclame, un 
alt tag poate fi utilizat rapid şi eficient. Doar Internet Explorer suportă eticheta 
specială <marquee> care asigură o defilare (scro!/ling display) pe ecran a oricărui text 
încadrat de ea. 

<marquee> Dacă folosiţi IE, textul trebuie să se deplaseze! </marquee> 
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Observaţie: Această etichetă nu este suportată de alte browsere, acestea afişând 
întregul text, fără însă a-l deplasa pe ecran. 


- Etichete META destinate multimedia 

Exemple de etichete META care asigură o dinamică a paginii Web, permiţând 
redarea unor secvenţe multimedia video/audio: 

<META HTTP-EQUIV="Refresh" CONTENT="3 clock.avi"> </meta> 

<META HTTP-EQUIV="Refresh" CONTENT="7 URL=utopia.wav"> 

<IMG dynsrc=Clock.avi loop=infinite> 

Cifra care apare în interiorul atributului CONTENT, asigură un refresh 
(reîncărcare) a secvenţei multimedia după un interval de timp prestabilit. 


- HTML 5 

Ultima versiune HTML 5 vine cu o serie de facilitaţi care îmbunătăţesc 
performanţele multimedia ale aplicaţiilor Web. Astfel, dinamica unei pagini este mult 
crescută prin introducerea unor noi etichete vizând partea audio, video şi grafică, 
tratarea erorilor este mai simplă şi eficientă, iar pentru o serie de etichete HTML 
anterioare sunt modificate şi specificaţiile/atributele. [7] Totodată o serie de etichete 
sunt abrogate. Spre exemplu, frame-urile nu mai sunt funcţionale într-un document 
HTML 5, iar eticheta <object> permiţând încapsularea unor obiecte plugin pentru 
diverse facilităţi (în special multimedia) este şi ea abrogată, fiind substituita cu noi 
etichete HTML 5, gen <audio>, <video>. În momentul actual se poate vorbi de o 
confruntare în zona Web multimedia între tehnologia HTML 5 funcţionând fără 
plugin-uri adiţionale (aplicaţii software adiţionale), respectiv tehnologia clasică 
bazată pe plugin-urile Flash. Actualmente, browser-ele într-o proporţie covârşitoare 
suportă Flash, în timp ce sub jumătate dintre ele suporta HTML 5. [23] HTML 5 
implică o utilizare intensivă a altor tehnologii conexe bazate pe JavaScript, CSS, 
Canvas având o deschidere, conectivitate şi capacitate mult mai mare de integrare 
cu noi tehnologii, ceea ce îl plasează ca potenţial câştigător în confruntarea cu 
tehnologia bazata pe clasicele plugin-uri. De menţionat totuşi că în acest moment se 
pare ca nici un browser Web nu suporta în totalitate HTML 5, pe cele mai bune 
poziţii situându-se în acest sens Google Crome, Safari şi Firefox 4. [7] 

Câteva secvenţe de cod HTML 5 pentru simple exemplificări sunt punctate 
în cele ce urmează: 

- orice cod HTML 5 este precedat de o declaraţie de tipul: 
<!DOCTYPE html> 

- rularea unei secvențe video (inclusiv tratarea erorii de compatibilitate): 
<video width="400" height="250" controls="controls"> 
<source src="film.mp4" type="video/mp4" /> 
Browser-ul nu suporta HTML5. 
</video> 

- rularea unui fişier de sunet: 
<audio controls="controls"> 
<source src="sunet.ogg" type="audio/ogg" /> 
Browser-ul nu suporta HTML5. 
</audio> 

- definirea unui articol ca element afişat: 
<article> 

<hi>Internet Explorer 9</h1> 
<p> Continut de afisat cu IE 9.</p> 

</article> 
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- şi exemplele ar putea continua cu o listă lungă de noi etichete (mai 
mult sau mai puţin suportate de diverse browsere): 
- <section> - defineşte o secţiune a documentului, 
- <progress> - indicator pentru progresul unui task, 
- <canvas> - utilizat pentru generarea de grafică 2D on-line 
(utilizând adiţional cod JavaScript) etc. 

Avantajul HTML 5 privind integrarea facilă cu o serie de alte tehnologii şi 
limbaje de programare Web rulând pe partea de client, poate însă constitui un 
handicap privind compatibilitatea cu multitudinea de browsere existente. Astfel, 
utilizarea intensivă a limbajului JavaScript, în strânsă corelare cu noile etichete 
HTML 5 - cu toate problemele de compatibilitate funcţie de tipul de browser - 
constituie un argument relevant în acest sens. Viitorul rămâne să decidă câştigătorul 
în această confruntare. 


1.8. Elemente CSS 


Cascading Style Sheets (CSS) este practic un "pseudo-limbaj” de formatare, 
utilizat pentru a descrie modul de prezentare a documentelor scrise într-un limbaj 
bazat pe marcaje (HTML, XML etc.). [6] Fişierele CSS (foi de stil în cascadă) permit 
separarea conținutului HTML propriu-zis al unui document, de stilul de 
afişare/formatare în pagină al acestuia. [9] Codul HTML se utilizează, de obicei, doar 
pentru aranjarea conţinutului în pagină, iar detaliile care ţin de afişare (culori, 
fonturi, fundaluri, margini etc.) se realizează cu ajutorul CSS-urilor, acestea 
aplicându-se suplimentar peste codului HTML, în cadrul unui site Web. Cu alte 
cuvinte, CSS-urile realizează separarea prezentării paginii de structura sa efectivă. 

Aplicarea foilor de stil în cascadă asupra codului HTML se poate face în mai 
multe moduri, putându-se vorbi de: 

- stiluri interne; 

- stiluri externe; 

- stiluri în linie; 

- clase CSS. 


1.8.1. Stiluri interne 


În cazul utilizării stilurilor interne, codul CSS se plasează în interiorul fiecărei 
pagini HTML pe care se doreşte să se aplice stilurile respective, între tag-urile 
<head> </head>, după cum se poate vedea în continuare: 


<head> 

<title> Exemplu utilizare stiluri interne</title> 

<style type="text/css">Aici se definesc stilurile CSS</style> 
</head> 


Pentru exemplificare, se prezintă un script HTML în care se utilizează stiluri 
interne (fig. 1.8): 

<html> 

<head> 

<title> Exemplu de utilizare a stilurilor interne!!! </title> 
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<style type="text/css"> 

table 4 

font-family: "Edwardian Script ITC"; 
font-size: 36px; 

color: 4FFFFFF; 

background-color: #0099FF; 
border: 4px double #0033FF; 
text-align: center; 


</style> 
</head> 


<body> 

<br><br> 

<table align="center"> 
<tr> 

<td> 

Exemplu de utilizare a stilurilor interne!!! 
</td> 

</tr> 

</table> 

</body> 

</html> 


$ Exemplu de utilizare a stilurilor inter... BR) 
Fie Edit view Favorites Tools Help 
Address & http://localhost/root/css-uri.p Go Links 


Google Gl ve » Q settings Lp) 7 


Ozemplu de utilizare ZA 


stilurilor interne!!! 


s3 Local intranet 
Fig.1.8. Exemplu folosire stiluri interne 


Utilizând aceasta metodă de aplicare a CSS-urilor asupra codului HTML, dacă 
se doreşte o schimbare a stilului de afişare (mărimea fontului, culoare, etc) 
modificarea va trebui realizată în toate paginile care conţin acel stil. Ţinând cont de 
aceste aspect, această metoda este indicat a fi folosită doar în situaţia în care se 
doreşte "stilizarea” un număr mic de pagini, fiind destul de neproductivă o realizare 
a acestor modificări pe zeci sau chiar sute de pagini ale unui site WEB. 
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1.8.2. Stiluri externe 


Un fişier CSS extern poate fi scris cu orice editor simplu de text (Notepad, 
Wordpad, etc) sau cu editoare specializate (gen Dreamweaver). Fişierul CSS nu 
conţine cod HTML, ci doar cod CSS şi trebuie salvat cu extensia .css. 

Referirea fişierului extern CSS în paginile HTML se face prin plasarea unui 
tag link (legatură), în secţiunea <head> </head> a fiecărei pagini în cadrul căreia 
se doreşte aplicarea stilul respectiv, având forma următoare: 

<link rel="stylesheet" type="text/css" href="Calea catre fisierul.css" /> 

În continuare, se prezintă un exemplu de referire a unui fişier extern .css 
într-o pagină HTML: 

<html> 

<title> Exemplu de utilizare a stilurilor externe!!! </title> <head> 

<link href="cssExt.css" rel="stylesheet" type="text/css"> 

</head> 


<body> 
Exemplu de utilizare a stilurilor externe in body!!! 
<table> 
<tr> 
<td> 
Exemplu de utilizare a stilurilor externe in tabel!!! 
</td> 
</tr> 
</table> 
</body> 
</html> 


Fişierul CSS referit şi utilizat în pagina HTML anterioară (cssExt.css), se 
consideră a avea următorul conţinut exemplificativ (efectul utilizării lui putându-se 
observa în figura 1.9): 

body 

{ 

font-family: "Courier"; 

font-size: 26px; 

color: #000000; 

background-color: #B3B3B3; 

text-align: center; 

} 

table { 

font-family: "Edwardian Script ITC"; 

font-size: 46px; 

color: #FFFFFF; 

background-color: #0090FF; 

border: 4px double #0033FF; 

text-align: center; 


) 


Aceasta metodă. de utilizare a unor fişiere de stil externe, este preferată în 
momentul în care un site WEB conţine un număr mare de pagini utilizând aceleaşi 
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reguli de stil, motivul fiind evident: atunci când se doreşte modificare aspectului 
întregului site, este suficientă doar o modificare într-o singură locaţie, şi anume - 
fişierului CSS (efectul resimţindu-se asupra tuturor paginilor din site care folosesc 
foaia de stil respectivă). Astfel, printr-o singură operaţie, se poate schimba rapid 
aspectul întregului site, indiferent de dimensiunea lui (număr de pagini). 


Exemplu de utilizare a stilurilor interne!!! - Windows Internet Explorer. lolx] 


as T je éc: \inetpub\wwwrootexemplu,htm g B [x] fve Search [el] 


Fle gdt Wew Favorites Tools Help 


(e) X [Search web... E = -H -% e) 7) x Links ? 
w E {Exemplu de utilizare asturiar intere!!! n al D liA (e) E |: Page bă Q Tos + i 


mpla de utilizare a dtilurilor externe in tabel!!! 


Fig.1.9. Exemplificare stiluri externe 
1.8.3. Stiluri în linie 


Stilurile în linie se definesc chiar în codul etichetei HTML aferente elementului 
care se doreşte a fi stilizat, după cum se poate vedea în exemplul următor 
(fig.1.10): 

<body> 

<p style="color: #00ddff; font-size: 20;">Titlu</p> 

<h2 style="font-size: 16;font-weight: bold; color: #ff3300;">Exemplu 
utilizare stiluri in linie!!! </h2> 

</body> 


ă Exemplu de utilizare a stiluri... Bf) 
File gdt View Favorites Tools He”? AY 


Address |4] http:/jlocalhost/roc Y Go Links ? 


Titlu 


Exemplu utilizare stiluri in linie!!! 


= 1. 70. IEEE stiluri în linie 
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Stilurile în linie sunt mai puţin utilizate, deoarece ele nu permit schimbări 
rapide de stil pe mai multe fişiere în acelaşi timp, modificările trebuind realizate pe 
fiecare element în parte, şi în fiecare pagină în parte. 

Anterior au fost prezentate trei metode de aplicare a CSS-urilor asupra 
codului HTML. În situaţia în care, se folosesc două sau chiar trei metode în acelaşi 
timp, se pune întrebarea: care este ordinea/prioritatea folosirii lor pentru o 
interpretare corectă de către browser? Răspunsul este: metodele se vor executa în 
cascadă, în ordinea următoare: prima oară -stilurile în linie, urmate apoi de stilurile 
interne, iar în final - stilurile externe, aceasta fiind şi ordinea lor de prioritizare. 
Evident, un element deja stilizat, spre exemplu, cu un stil linie, nu este restilizat de 
o regulă de stil existentă într-un fişier CSS extern, acţionând imediat ulterior 
conform regulii de prioritizare anterior enunțate. 


1.8.4. Clase CSS 


Clasele CSS se utilizează pentru stilizarea în mod diferențiat a unor mulţimi 
de tag-uri HTML (distribuite în una sau mai multe pagini WEB). Acest mod de lucru 
este similar cu utilizarea stilurilor în linie, avantajul major fiind acela că atunci când 
se doreşte efectuarea unei modificări de stil pe mai multe elemente/pagini, aceasta 
nu trebuie efectuată individual la nivelul fiecărui element. [8] Astfel, este suficientă 
o modificare în cadrul clasei CSS care defineşte stilurile respective, efectul acesteia 
răsfrângându-se asupra tuturor elementelor pe care acţionează clasa respectivă. [5] 

Definirea unei clase CSS începe cu semnul punct (.), după care urmează 
numele clasei. Se recomandă folosirea unor denumiri sugestive pentru numele 
clasei, care să indice ce anume face stilul respectiv. O clasă CSS poate fi folosită în 
cadrul unui fişier HTML ori de câte ori este nevoie. Iată un exemplu de clasă care 
stabileşte dimensiunea şi culoarea unui text: 

„text20albastru 

{ 

font-size: 20px; 

color: 00ddff; 

> 

Pornind de la exemplificarea din la paragraful "Stiluri în linie”, se prezintă 
modul de de definire şi utilizare a unor clase CSS într-un document HTML, clasele 
fiind stocată într-un fişier de stil extern: 


- Fişierul HTML utilizând stiluri externe bazate pe clase: 

<head> 

<title> Exemplu de utilizare a stilurilor in linie!!! </title> 

<link href= "claseCSS.css" rel="stylesheet" type="text/css"> 
</head> 


<body> 

<p class="text20albastru" >Titlu</p> 

<h2 class="texti6rosu'">Exemplu utilizare stiluri in linie!!! </h2> 
</body> 


- Fişierul CSS (clasecss.css) în care sunt definite cele două clase (ambele 
stilizând texte, dar în mod diferit): 
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„text20albastru 
4 

font-size: 20px; 
color: 0Oddff; 

? 


.text16rosu 

{ 

font-size: 16px; 
font-weight: bold; 
color: ff3300; 

) 


Stilizarea obţinută în cadrul fişierului HTML anterior prezentat este evident 
identică cu cea obţinută prin utilizarea stilurilor în linie (fig. 1.10). 

Ca o concluzie, în contextul dezvoltării unor aplicaţii Web tot mai complexe, 
conţinând un număr tot mai mare de pagini, şi implicit de fişiere script, stilurile CSS 
constituie la ora actuală strategia consacrată, de maximă eficienţă, pentru 
formatarea şi designul primar al acestora. 


1.8.5. Meniuri create cu CSS 


Una dintre aplicabilităţile cele mai uzuale ale CSS-urilor constă în crearea de 
meniuri necesare navigării într-o aplicaţie, atât foarte simple, cât şi cu o 
complexitate deosebită. Scheletul HTML (ca fundament al unui meniu) pe care sunt 
aplicate stilurile CSS, consistă în structuri de tip listă (folosindu-se etichete pentru 
crearea unor liste neordonate <ul>, împreuna cu elementele lor constituente <li>), 
încapsulate eventual într-un DIV, respectiv hyperlink-urile aferente (ancore <a>). 
Din păcate dependenţa de browser se face resimtita şi în cazul utilizării de stiluri 
CSS, astfel încât (mai ales pentru meniuri mai complexe), este foarte posibil ca un 
meniu care funcţionează pe o familie de browsere, să nu fie complet funcţional pe o 
alta. Intr-un astfel de caz, soluţia de rezolvare constă în apelarea suplimentară a 
unor scripturi JavaScript. 

Exemplul următor, utilizând doar CSS (fără elemente JavaScript), 
implementează un meniu simplu (fără submeniuri -vezi fig. 1.11), fiind funcţional 
atât pe Mozilla, cât şi pe Internet Explorer. Pentru crearea meniului s-a utilizat un 
fişier extern CSS, în care sunt definite mai multe stiluri. 

Fişierul HTML (aferent unui meniu cu trei opţiuni) are următorul cod: 


<link href="meniu-html.css" rel="stylesheet" type="text/css"> 
<div id="nav-menu'"> 

<ul> 

<li><a href="4+">Optiune1 </a> </li> 

<li><a href="4+">Optiune 2</a> </li> 

<li><a href="4+">Optiune 3</a> </li> 

</ul> 

</div> 
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Æ SeaMonkey 
F File Edit view Go Bookmarks Tools Window Help 


Y 


A fiet y & - 


Reload Print 


î Home EBookmarks ® Universitatea "Politeh... % aut.upt.ro webMail ® CURSURI > 


O 129; Baza file: Campu] Meniu-cssiceva,html ZI sf 
Fig.1.11. Meniu creat cu CSS 


Fişierul implementând stilurile externe CSS (meniu-html.css) conţine următoarele 


elemente de stilizare: 


iza taie ul A Se... TBR) 


padding: 0; X File Edit view 
margin: O; tei patati 


) 


inav-menu li 


float: left; X File Edit view Go | Bookmarks 
margin: 0 0.4; N R 
background: 4B3B3B3; 


) | Optiuneel Optiunee2 Optiune 3 


Tools 


O 3-9; cz =M sf 


Fig.1.12.b Efect cumulat cu stilul 
#nav-menu ul li 


+nav-menu li a 

{ 

background: url(background.jpg) #fff bottom left repeat-x; 
height: 2em; 

line-height: 2em; 
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float: left; 

width: 9em; 

display: block; 

border: 0.1em solid #dcdce9; 
color: 4FFFFFF; 
text-decoration: none; 
text-align: center; 


i: 


Figurile 1.12.a, respectiv 1.12.b prezintă efectul succesiv cumulat al fiecărui nou 
element de stil aplicat (ultimul conducând chiar la meniul final din fig. 1.11). 

În cadrul fişierului CSS se poate remarca referirea 4nav-menu specificând id-ul 
elementului DIV (înglobând întreaga construcţie a meniului). Cele trei stiluri 4nav- 
menu ul, nav-menu li, +nav-menu li a, se referă la formatarea listelor (ul) 
având ca părinte DIV-ul (%nav-menu), a elementelor listelor (li), respectiv a 
conţinutului ancorelor (a) , având ca părinte elemente ale listei (li), care la rândul 
lor au ca părinte DIV-ul (/nav-menu). 

Deşi rulând codul anterior pe Mozilla, unele stiluri ar putea părea inutile, o simplă 
rulare pe Internet Explorer este relevantă pentru a dovedi necesitatea lor! Spre 
exemplificare, eliminarea stilului aferent elementelor din lista (/nav-menu li) 
conduce pe Internet Explorer la un meniu de genul celui din fig. 1.13. 


2 C:wwampiwwwiMeniu-cssimeniu-htmi.htm! - Windows Internet Explo.. 
x Ə- E] file:4ţ/C:hvamphomţi yi 4y X o! 

File Edit view Favorites Tools Help 

e Favorites | 3 Æ] eBay |T Universitatea Politehnica Ti. (3 X 


89/7 @!Yaho... ÆC... x a- M J] œ ~ Page” Safety~ Tools” 


Optiune 2 


CEAI az 


E$ My Computer fà 7 R95% îi 
Fig.1.13 Efect fără +nav-menu li - rulare cu Internet Explorer 


Un exemplu de meniu mai complex, având şi sub-meniuri (drop-down menu), 
este prezentat în cele ce urmează [38]. Întregul cod, atât lista HTML, cât şi stilurile 
CSS (ca stiluri interne), sunt integrate într-un acelaşi fişier HTML. Efectul fiecărui 
nou element CSS succesiv adăugat este prezentat în figurile 1.14.a...1.14.h. (fiecare 
figură fiind alăturată secvenţei de cod CSS nou adăugată). 


<ul id="menu"> 
<li><a href="4">Uunu</a> </li> 
<li><a href="#">Doi</a> 
<ul> 
<li><a href=" #">Doi-1</a></li> 
<li><a href="4">Doi-2</a></li> 
<li><a href=" #">Doi-3</a></li> 
</ul> 
</li> 
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<li><a href="7">Trei</a> 
<ul> 
<li><a href="4">Trei-1</a> </li> 
<li><a href="#">Trei-2</a> </li> 
</ul> 
</li> 
</ul> 


<style type="text/css"> 
ul 
{ 
font-family: Arial, Verdana; 
font-size: 14px; 
margin: 0; 
padding: 0; 
list-style: none; 


} 


ul li 


display: block; 
position: relative; 
float: left; 

? 


Æ SeaMonkey DER) 


3] File Edit view Go Bookmarks 


TD 


ii| Ba ward Reload 
š Home Bookmarks 


0 S% sa x. 
Fig.1.14.a Stilizare liste <ul> 


JP SeaMonkey. 


v 


: File Edit View Go Bookmarks Tools  Windo 


e.2. 4 CEG 


Back Forward Reload Stop 
3 (Home EI Bookmarks 


| E | create... | Q handy-... | ® file..tmi# | x 


UnuDoi Trei 
Doi-1Doi-2Doi-3Trei-1Trei-2 


O 3209; Bea Done ef. 


Fig.1.14.b Stilizare elemente liste <li> 
(având ca părinte liste <ul>) 
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A A SeaMonkey TBR) 


display: none; X| File Edit view Go Boo 


} pag p:: 
UnuDoiTrei 


O 3-9; Baa Are 


Fig.1.14.c Stilizare liste <ul> (doar 
cele având ca părinte elemente <li>) - în 
cazul de faţă ascunderea lor 


ul li a Æ SeaMonkey 

{ 3 7 File Edit view Go Bookmarks 
display: block; = = 
text-decoration: none; > 3 C 
color: #ffffff; „ard. Reload 

border-top: 1px solid #ffffff; 7 (Home Bookmarks 


padding: 5px 15px 5px 15px; 
background: #1e7c9a; 
margin-left: 1px; 


a U pi 
white-space: nowrap; 


SE |% create... | Ņ handy-... | ® file..html | x 


) 
O 9209; Baa Done 
Fig.1.14.d Stilizare ancore <a> având 
ca părinte elemente listă <li>, care la 
rândul lor au ca părinte liste <ul> (practic 
toate ancorele meniului, inclusiv cele 
ascunse) 
ul li a:hover 4 SeaMonkey DAR) 
+ 3 File Edit view Go Bookmarks Tools  Windo! 
background: #3b3b3b; = = 
} e. SL & ma 
i Back r Reload top 
LOH Bookmarks » 
// hover - element selector ataşat ake asua M isesi 
unei etichete HTML, generând, în SE] |% cre... |© css... |[F]Floa... | X file | x 


momentul în care mouse-ul se 
deplasează deasupra acesteia, o 
stilizare fie a acesteia, fie a altei 
etichete. 

// ul li a:hover - când mouse-ul se 
deplasează deasupra unei ancore <a> Fig.1.14.e Stilizare elemente <li> (cele 
(etichetă selectată), modifică fundalul vizibile) având ca părinte liste <ul> - 
ancorei având ca părinte un element (setare culoare background/ fundal la 
<li>, care la rândul face parte dintr-o deplasare mouse deasupra ancorelor <a>) 


listă <ul>. 


O 329/ ŠA fie:jji.10htmë =< ef 
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li:hover ul 
{ 
display: block; 
position: absolute; 
) 


// li:hover ul - când mouse-ul se 
deplasează deasupra unui element <li>, 
afişează elementul <ul> (având ca 
părinte acel <li>) 


li:hover li 4 
float: none; 
font-size: 20px; 


) 


// li:hover li - când mouse-ul se 
deplasează deasupra unui element <li>, 
stilizează acel <li> (având ca părinte alt 


<li>) 

//aicìi s-ar putea opri dezvoltarea 
meniului 

li:hover a 4 


background: #00ff00; 
color: #ff00ff; 
) 


//simple schimbări de culori (nu sunt 
necesare) 


</style> 


A SeaMonkey 
7 Bookmarks Tools 


= File Edit Window 
4v 


View Go 


t.2. 8 


Back rward Reload Stop 


Home Bookmarks % Universitatea "Politeh... >> 


3 |% crea.. css... |F] Float... | % fil..mi | x 


O 3-0; dez 
Fig.1.14.f Afişare submeniu la o 
deplasare mouse deasupra unui element 
<li> având ca părinte o listă <ul> (practic 
anulează ascunderea) 


fie:jjC:..iulO.htmht => pf 


4 SeaMonkey 

X File Edt view Go Bookmarks Tools Window 
i Back F J Reload 

T| (Home Bookmarks % Universitatea "Politeh... 


OPET 
Fig.1.14.g La o deplasare deasupra 
unui element listă < li> - setare scris mai 
mare 


file:/}}C:/..niu10.htmië == ef P 
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Edit view Go Bookmarks Tools Window 


[cZI 


File:///C:[...niul0.htmlt == ge i 


Fig.1.14.h La o deplasare deasupra 
unui <li> - setare culoare scris şi fundal 
ancoră <a> 
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Observaţie: Din păcate, meniul anterior prezentat funcţionează integral doar pe 
Mozilla, şi doar parţial pe Internet Explorer (sub-meniurile nefiind active). 
Rezolvarea constă în utilizarea de cod suplimentar JavaScript. [38] 

Primul exemplu din acest paragraf făcea referire la o etichetă DIV, definind o 
diviziune (secţiune) a unui document HTML, des utilizată împreună cu elemente 
CSS. Oarecum echivalent cu DIV, eticheta SPAN permite şi ea o încapsulare a unor 
elemente într-o secţiune a unei pagini HTML. Deosebirile majore între cele două 
etichete sunt următoarele: 

- DIV - permite formatarea întregii secţiuni delimitate (folosind stiluri CSS); 

- SPAN - nu permite o formatare a secţiunii delimitate de el, ci doar a 
elementelor (de regulă, a textului) incluse în el. În plus, un SPAN este precedat 
implicit de un paragraf nou, începând pe o linie nouă (mai puţin cazul în care este 
inclus într-un DIV ). 

Codul următor (vezi şi figura 1.15), este relevant pentru evidenţierea 
caracteristicilor celor doua etichete (DIV şi SPAN): 


<div id="mydiv" style="color: blue; background: yellow">Ceva text in Div 1 


<span style="color: red; background: white"> Ceva text in Span 1 (integrat 
intr-un DIV -fara paragraf nou) </span> 

Tot text in Div 1. 

</div> 


<span style="color: white; background: red'>Span extern 2 (se observa ca 
incepe cu paragraf nou)</span> 


<h3>Inainte de Span 3 <span style="color: red;background: yellow">Continut 
Span 3 </span> Dupa Span 3</h3> 


<span style="color: red; background: yellow; line-height: 10em'>Continut 
Span 4 -stilizare doar continut efectiv </span> 


Æ SeaMonkey 
3 File Edit view Go Bookmarks Tools window Help 


piiii |petzzza 


Ceva text in Div 1 Ceva text in Span 1 (integrat intr-un DIV -fara paragraf nou) Tot textin Div 1. 


Span extern 2 (se observa ca incepe cu paragraf nou) 


Inainte de Span 3 Continut Span 3 Dupa Span 3 


O 0 Baa Doe 


Fig.1.15 Exemplificare DIV şi SPAN 


2. PHP 


2.1. Preliminarii 


Unul dintre cele mai utilizate limbaje de programare folosit la ora actuală 
pentru dezvoltarea aplicaţiilor Web este PHP-ul (semnificaţia acronimului PHP fiind - 
PHP: Hypertext Preprocessor). PHP-ul este un limbaj de scripting derivat din 
familia C, rulând multiplatformă (atât pe paltformele Windows, cât şi Unix-Linux), 
permiţând dezvoltarea rapidă de scripturi server-side de către orice programator 
familiarizat cu binecunoscutul şi popularul limbaj C. [10][20] 

Ca software open-source şi având o robusteţe confirmată în cei aproape 20 
de ani de utilizare, PHP-ul prezintă un cert avantaj în puternica competiţie pe care o 
are cu alte limbaje şi tehnologii de programare Web server-side, cum ar fi ASP, 
ASP.Net, JavaServer Pages (JSP) etc. Evident, fiind un limbaj rulând pe partea de 
server (de aceea se face o comparaţie a acestuia doar cu acest tip de limbaje de 
programare Web), scripturile PHP sunt rulate pe un server Web (folosind motorul 
interpretor PHP), iar utilizatorul (clientul browser) nu poate vedea codul sursă PHP al 
programului, ci doar codul paginii HTML returnată spre browser-ul client. Altfel spus, 
motorul limbajului interpretează codul sursă program PHP, generând pe baza 
acestuia cod HTML (integrat cu datele / informaţiile utile returnate/generate), pasat 
apoi mai departe de către serverul Web spre browser-ul apelant, care ştie să 
interpreteze/afişeze corespunzător codul HTML. Un alt mare avantaj al PHP-ului 
constă în faptul că suportă o mare varietate de tipuri de baze de date, cum ar fi 
MySQL, Oracle, PostgreSQL, IBM DB2, InterBase, Sysbase, Microsoft SQL Server 
(suportul pentru MySQL fiind încorporat nativ în interpretorul PHP). [12] Astfel, se 
pot crea foarte uşor aplicaţii Web pentru accesarea bazelor de date, PHP-ul oferind 
fie suport nativ, fie un suport concretizat prin utilizarea unor biblioteci .dll 
suplimentare externe (programatorul trebuind să utilizeze selectiv biblioteci specifice 
tipului respectiv de bază de date). [19] Alt avantaj este faptul că suportă o serie de 
protocoale de reţea, printre care SMTP, NNTP, POP3 şi HTTP. În cadrul lucrării de 
faţă s-a folosit versiunea PHP 5.2.3. În momentul redactării, ultima versiune PHP 
5.4.4 era disponibilă on-line la adresa www.php.net. 

Limbajul de scripting PHP a fost implementat în 1994 de Rasmus Lerdorf, la 
început fiind vorba de un proiect personal care includea câteva macro-uri şi un 
modul care permitea interpretarea lor, menite să urmărească "activitatea" paginii 
sale personale. În 1995 este disponibil sub numele Personal Home Page. Începând 
cu versiunea 3, din 1997, a început să fie dezvoltat de o echipă de programatori, iar 
începând cu versiunea 4 dispune de engine-ul de scripting al firmei Zend 
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Techologies. Există multe clasamente la ora actuală privind popularitatea limbajelor 
de programare, fiecare având diverse criterii luate în calcul, iar o simplă căutare pe 
Internet poate găsi o multitudine de asemenea surse vizând aceste clasamente. Din 
acest motiv, fără a cita explicit o anumită sursă, se poate afirma că PHP este 
probabil cel mai folosit limbaj de programare Web pe parte de server, surclasându-şi 
momentan toţi concurenţii prin preţ, robusteţe şi longevitate, simplitate şi viteză, 
posibilitate de integrare cu alte tehnologii (inclusiv baze de date), securitate, 
portabilitate, instalare facilă etc. [24] 

Observaţie: Limbaje (sau pseudo-limbaje) uzual folosite în programarea WEB: 
HTML-CSS, PHP, ASP.NET, JavaServer Pages, JavaScript, Perl etc. Pe partea de 
client rulează: HTML, JavaScript. Pe partea de server rulează: PHP, ASP.NET, 
JavaServer Pages, Perl. De asemenea, CSS poate fi considerat ca un pseudo-limbaj 
de formatare, utilizat pentru a descrie modul de prezentare / afişare a documentelor 
descrise printr-un limbaj bazat pe marcaje (HTML, etc.). 

Capitolul de faţă încearcă o prezentare sintetică, concisă a elementelor de 
bază ale limbajului PHP, punându-se un accent special pe operarea cu baze de date 
de tip MySQL, respectiv Oracle, însoţite de exemplificări şi aplicaţii concrete. Scopul 
este cel de a familiariza programatorul cu caracteristicile esenţiale ale limbajului, 
permițându-i dezvoltarea rapidă a unor aplicaţii Web, în contextul unei integrări cu 
HTML şi MySQL. Utilizarea PHP, fiind un limbaj server-side, necesită un server de 
WEB. Toate exemplele prezentate în continuare au fost rulate folosind ca server de 
WEB, fie Apache, fie Internet Information Services (IIS), numit uneori formal şi 
Internet Information Server. 


2.2. Instalare 


Alt avantaj major al PHP îl constituie instalarea extrem de facilă, în contextul 
unei conexiuni atât cu serverul de Web Apache, cât şi cu serverul de baze de date 
MySQL. Astfel, cel mai simplu mod de a opera cu PHP-ul, în tandem cu MySQL şi 
Apache, este de a folosi pachetul WAMP, integrând perfect această tripletă 
PHP+MySQL+Apache şi disponibil la adresa www.wampserver.com/en/. După simpla 
rulare a kit-ului de instalare WAMP, totul este deja pregătit pentru a scrie şi rula 
scripturi PHP (inclusiv cu apeluri la serverul de baze de date MySQL), fără a mai fi 
necesară nici o altă setare suplimentară (în fişierele de configurare). 

Observaţie: De remarcat faptul că, la un moment dat, pe un calculator poate rula 
doar un server Web, astfel încât, dacă un alt server este deja instalat şi pornit, este 
necesară o oprire prealabilă a acestuia. 

Pachetul WAMP conţine şi aplicaţiile PHPMyAdmin şi SQLiteManager, 
folosibile pentru gestionarea cu uşurinţă a bazelor de date MySQL. WAMP este 
pachetul destinat operării sub Windows. [21] În mod similar se poate folosi LAMP 
pentru operarea sub Linux. Cu aceleaşi avantaje, se poate folosi şi pachetul XAMP 
(Xml + Apache + Mysql + Php), oferind facilităţi similare. 

În cazul în care se utilizează componente disparate (interpretor PHP, server 
WEB, server de baze de date SQL), iar pe computer nu este instalat un server de 
WEB, este iniţial necesară instalarea unuia. Versiunile mai vechi PHP (până la 3) 
erau disponibile doar ca pachet separat, integrarea lor cu un server de Web, 
respectiv server MySQL făcându-se manual, printr-o serie de setări în diverse fişiere 
de configurare (în principal fişierul php.ini), respectiv o setare corespunzătoare a 
serverului de Web (în special în cazul JIS). 
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De asemenea, realizarea unor anumite aplicaţii care necesită alte resurse 
conexe pachetului de bază PHP (biblioteci sau extensii), implică o configurare a PHP- 
ului prin diverse setări corespunzătoare în fişierul php.ini. Spre exemplu, pentru 
accesarea bazelor de date de tip Oracle este necesar ca extensie fişierul 
php_oci8.dil, iar pentru InterBase - fişierul php_interbase.dll (aceste biblioteci 
nefiind preinstalate implicit din motive de evitare a supraîncărcării serverul Web, 
fiind vorba de fişiere .d/! care rămân rezidente în memorie). Operația de instalare a 
acestor biblioteci este simplă. Pentru cazul anterior menţionat, spre exemplu, este 
necesară doar identificarea bibliotecilor extensie necesare, urmată de o simplă 
necomentare (eliminarea caracterului de comentariu ;), în fişierul de configurare 
php.ini, a liniilor pe care apar referite aceste fişiere din secţiunea Windows 
Extensions: (în cazul de faţă php_interbase.d!l sau php_oci8.d!l) 

;Windows Extensions 

;Note that ODBC support is built in, so no dll is needed for it. 

extension=php_interbase.dil 


extension=php_oci8.dil 

Observaţie: Conţinutul fişierului php.ini (şi implicit starea variabilelor de 
configurare ale PHP) poate fi vizualizat printr-un apel al funcţiei PHP phpinfo( ) . 

După o operaţie de reconfigurare (modificare a fişierului php.ini) este 
necesară o restartare a serverului Apache (sau a oricărui server Web folosit) pentru 
încărcarea şi a acestor noi biblioteci. Toată configurarea manuală anterior descrisă 
poate fi făcută şi utilizând opţiunile meniul grafic pus la dispoziţie de WAMP după 
instalare. O serie de alte configurări necesare a fi realizate în fişierul de configurare 
php.ini vor fi precizate pe paragrafele următoare, funcţie de contextul folosirii altor 
biblioteci extensie, respectiv funcţie de modul de setare al interpretorului PHP (spre 
exemplu, pentru realizarea unor configurări de securizare eficiente prin setarea 
corespumzătoare a unor variabile speciale care, în cele mai multe cazuri, sunt 
realizate adecvat, implicit la instalare). 

Exemplele din paragrafele următoare (operând, cele mai multe, cu baze de 
date MySQL) au fost rulate utilizând pachetul WAMP5 versiunea 1.7.2 care conţine 
în pricipal: 

- Apache 2.2.4 (Win32), PHP 5.2.3, MySQL 5.0.22 

- PHPMyAdmin, SQLiteManager, alte opţiuni grafice de setare/configurare. 

Codul PHP fiind interpretat pe partea de server Web (Apache, IIS, etc), nu 
prezintă nici o dependenţă faţă de browser-ul client (Internet Explorer, Mozzila, 
Netscape, FireFox, Opera, Chrome, etc.). Verificarea instalării cu succes a 
pachetului WAMP (şi a startării serverului Web) se poate face printr-un simplu apel 
la adresa: http://localhost/. Locaţia de plasare pe serverul Apache (instalat prin 
intermediul pachetului WAMP) a surselor cod PHP este C:\wamp\www, iar rularea 
unui fişier script.php, plasat aici, se face printr-un apel de forma 
http://localhost/script.php (evident din browser-ul Web). 


2.3. Comenzi PHP 
2.3.1. Sintaxă şi elemente de bază 


Sintaxa comenzilor elementare PHP este extrem de asemănătoare cu a altor 
limbaje structurate, precum C, JavaScript, Perl (mai precis cu a comenzilor oricărui 
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limbaj derivat din familia C, împrumutând însă câte ceva şi de la limbajul Perl, în 
special pe partea de operare cu string-uri de date). Se vorbeşte despre comenzi 
elementare ca fiind acele comenzi care constituie nucleul de baza al oricărui limbaj 
de programare, dificultatea majora nefiind operarea cu acestea (în număr relativ 
limitat), ci mai degrabă constând în cunoaştere multitudinii de biblioteci extensie, a 
funcţiilor oferite de acestea pentru dezvoltarea diverselor tipuri de aplicaţii şi 
funcţionalităţi. 

Deşi PHP dispune şi de capabilități specifice programării orientate pe obiecte 
(în special pentru versiunile mai noi, aşa cum se va vedea într-un paragraf următor 
al prezentului capitol), exemplele imediat următoare consideră cazul unei abordări 
structurate (utilizarea lui ca limbaj structurat fiind de altfel cea consacrată). Un 
script PHP constă într-o serie de comenzi, executate secvențial, una câte una, de 
către interpretorul PHP şi al căror rezultat (date+cod HTML) este pasat spre un 
server Web. O eventuală eroare apărută este semnalată de interpretor şi afişată de 
browser (chiar la apelul scriptului), fără blocarea execuţiei comenzilor următoare. 
Fiecare comandă se încheie cu caracterul punct-şi-virgulă (;). Ca aplicaţie 
introductivă, se prezintă codul celui mai simplu program PHP, echivalentul clasicul 
"Hello, World” din C (integrând opţional şi cod HTML): 

<html> 

<body> 

<?php echo “Hello, World !!!”; ?> 

</body> 

</html> 

Se observă prezenţa unui tag pereche special, <?php ... ?>, care încadrează 
/delimitează codul PHP. Funcţia echo asigură tipărirea pe ecran a şirului specificat ca 
parametru. PHP permite utilizarea şi a altor sintaxe pentru definirea unei zone de 
cod sau chiar sintaxe diferite pentru referirea parametrului string al funcţiei de 
afişare echo: 

<?php Echo ("acesta este un simplu test 1\n"); ?> 
<?php echo 'acesta este un simplu test 2<br>';?> 
<script language="php"> 
echo ("Un alt exemplu de delimitare cod PHP"); 
echo "Inca un exemplu de de afisare a unui mesaj"; 
</script> 

Totuşi, cea mai răspândită sintaxă (folosită şi în lucrarea de faţă) este cea 
utilizând perechea de etichete <?php ... ?>, fişierul sursa având extensia .PHP 
(extensie implicit recunoscută de serverul Apache - instalat integrat cu WAMP- care 
va pasa automat un fişier script cu aceasta extensie spre interpretorul PHP). 

Orice linie de comandă, după cum s-a mai menţionat, foloseşte ca 
terminator de linie caracterul ";”, la fel ca în C sau Java. Comentariile, de 
asemenea, împrumută sintaxa C, adică // pentru o linie individuală, respectiv /* ...*/ 
pentru o secvenţă de cod înglobând mai multe linii. 

Se consideră încă un exemplu pentru a evidenția câteva din caracteristicile 
limbajului (utilizând de data aceasta şi funcţia echivalentă print în loc de echo, cu 
acelaşi efect de afişare în browser a unei informaţii /cod HTML): 

<html> 

<head> 

<title>Data curenta</title> 

</head> 

<body> 

<b>Data curenta este: </b> 
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<?php 

// se va afisa data calendaristica 
echo "<p><b>"; 

print( date("d F Y, 1. ")); 

?> 

</b> </body> 

</html> 


Efectul rulării acestui script este prezentat în figura 2.1:. 

Deşi secvenţa anterioară începe cu cod HTML şi conţine cod HTML în mare 
măsură, codul PHP constând practic în doar două linii, fişierul sursă va avea 
obligatoriu extensia PHP (vezi în fig.2.1, linia de apel: /oca/host/data.php) Liniile 
dintre etichetele delimitatoare <?php, respectiv ?> reprezintă codul PHP. Serverului 
WEB detectează extensia fişierului, apoi trimite şi cere motorului PHP instalat pe 
acelaşi localhost să interpreteze codul dintre cei doi delimitatori. Interpretorul PHP 
execută funcţia date prin care citeşte data calendaristică de pe server (/oca/host) si, 
integrând-o ca pe un simplu string în codul HTML, trimite rezultatul astfel construit 
(date+cod HTML) spre browser-ul apelant. 


O 


à 
@ Data curenta - Mozilla Firefox 


File Edit View History Bookmarks Yahoo! Tools Help 


Data curenta + 
€ îî localhost/data.php G 2 ~ Googie Pl A 
lal Most Visited Weather Forecast Timi... B | Google » 


Data curenta este: 


02 July 2012, Monday. 


Fig. 2.1. Data curentă (preluată de pe sistemul host al serverului Web) 


Browser-ului i se prezintă un cod HTML “curat”, integrând sub forma unei 
informaţii de tip şir de caractere (string) date curentă (cod HTML vizibil cu opţiunea 
View source): 

<html> 

<head> 

<title>Data curenta</title> 

</head> 

<body> 

<b>Data curenta este: </b> 

<p><b>02 July 2012, Monday. </b> 

</body> 

</html> 

De remarcat că orice “urmă” de cod PHP “dispare”, singura indicație asupra 
existentei acestuia fiind extensia fişierului script apelat. In locul acestuia, secvența 
vizibilă este un simplu cod HTML standard. Exemplul scoate în evidență câteva 
avantaje majore ale script-urilor rulate pe partea de server: 

a) Eliminarea problemelor de incompatibilitate vizând tipul de browser 
(specifice limbajelor client-side). Scriptul este rulat pe partea de server - unde este 
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instalat şi interpretorul PHP-, deci nu pot apărea probleme legate de tipul de 
browser folosit pe partea de client. 

b) Acces la resursele de pe partea de server. Dacă aceeaşi aplicaţie ar fi fost 
scrisă în JavaScript, data respectivă ar fi fost data corespunzătoare calculatorului 
client (pe care rulează browser-ul). Pentru o informaţie precisă şi unitară privind 
data sau momentul de timp al apelului, informaţia preluată de pe server este 
singura demnă de luat în considerare. Un alt exemplu în acest sens, vizează o 
aplicaţie Web cu baze de date, unde este foarte clar că baza de date (comună 
tuturor apelanţilor aplicaţiei Web) trebuie plasată pe partea de server (chiar dacă, 
fizic, acest server SQL are alt remote host decât cel al serverului Web pe care 
rulează codul PHP). 

c) Reducerea încărcării clientului. Rularea unui script pe partea de client (cazul 
JavaScript) poate fi destul de lentă, depinzând direct de performanţele calculatorului 
care găzduieşte browser-ul client. În cazul script-urilor rulate pe partea de server, 
performanţele calculatorului client nu mai prezintă o importanţă decisivă privind 
viteza de accesare a paginii Web. 


2.3.2. Tipuri de date 


Principale tipurile de date suportate de PHP sunt: integer, string, float, 
boolean, array, object, null. Spre deosebire de alte limbaje de programare (chiar 
cele din fanilia C), nu este necesară o declarare prealabilă a unei variabile (şi 
evident o definire a tipului acesteia). Numele variabilelor sunt precedate de 
caracterul "$", făcându-se diferenţă între literele mari şi mici folosite în cadrul 
numelor de variabile. Exemplul următor este relevant în acest sens : 


<?php 

$var = "Ion"; 

$Var = "Dan"; 

echo "$var, $Var"; //se afişează: Ion, Dan 
echo $var, $Var; //se afişează: IlonDan 
echo '$var, $Var'; //se afişează: $var,$Var 
?>; 


Se poate remarca şi faptul că, funcţie de tipul de ghilimele simple, duble sau 
lipsa acestor, comanda echo interpretează în mod diferit conţinutul variabilelor de 
afişat (ghilimele simple forțând o interpretare ad-literam -ca simplu string- a 
conţinutului, chiar dacă caracterul $ indică prezenţa unor variabile care ar trebui 
interpretate ca şi conţinut şi nu ca şi nume ). 

O caracteristică remarcabilă privind tipurile de date în PHP o constituie faptul 
că tipul unei variabile este decis în momentul execuţiei unei operaţii asupra 
acesteia. Această operaţie poate fi o simplă atribuire a unei valori (tipul valorii sau 
modul ei de furnizare dictând tipul variabilei) sau o operaţie propriu-zisă care poate 
chiar modifica tipul iniţial al variabilei. [25] Se poate uşor concluziona că o variabilă 
îşi poate schimba tipul pe parcursul rulării unui script.. De asemenea, nu mai sunt 
posibile binecunoscutele erori de conversie de tip specifice majorităţi celorlalte 
limbaje de programare. Această caracteristică este benefică limbajului PHP prin 
prisma funcţionalităţilor lui principale de operare cu string-uri de date, trimise spre 
browser pentru construcţia şi afişarea unei pagini Web (şi evident, ne benefică altor 
limbaje orientate spre cu totul alt gen de aplicaţii). 

Următorul exemplu, vizând cele anterior menţionate, este relevant în acest 
sens: 
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$var = "0"; // $var = "0" string 
$var++; // $var = "1" 

$var+=1; // $var = 2 integer 
$var += `c’; // $var = 2 integer 
$var = $var + 1.3; // $var = 3.3 float 
$var = 5 + "10 obiecte"; // $var =15 

$var = 5 + "obiecte"; // $var = integer 
$var = "a"; // $var = "a" string 
$var++; // $var = "b" 

$var = "nu"; // $var = "nu" string 
$var++; // $var = "nu" string 


Comentariile prezente în dreptul fiecărei linii precizează valoarea variabilei 
($var) după operaţia efectuată, respectiv tipul acesteia (în multe cazuri fiind vorba 
de o schimbare de tip, fără a se semnala o eventuală eroare, chiar şi pentru cele 
mai puţin probabile situaţii de conversie de tip). Ultimele două linii prezintă cazul cel 
mai defavorabil, în care operaţia nu este posibilă, situaţie în care conţinutul şi tipul 
variabilei rămâne neschimbate. 

Pentru tipul array sau şir (elementele unui şir putând fi chiar de tipuri 
diferite, ceea ce constituie iarăşi o abatere de la regulile specifice altor limbaje 
puternic tipizate), un exemplu edificator este prezentat în continuare: 

$sir=array(1=>'ion', 2=>'dan', 3=>225); 


echo $sir[1]."<br>"; // afişează 'ion' 
(string) 

echo $sir[2]."<br>"; // afişează ‘dan’ 
(string) 

echo $sir[3]."<br>"; // afişează 125 

(întreg) 

$sir[3]++; // incrementează 

echo $sir[3]."<br>"; // afişează 226 (întreg) 


Eticheta <br> realizează afişarea pe o linie nouă, iar operatorul `.” (punct) 
este folosit pentru concatenarea a două string-uri). Un element al şirului poate fi 
referit independent, ca o variabilă, printr-o construcţie de genul: 
$nume_array[indice_element]. 

Secvența anterioară de cod poate fi rescrisă echivalent: 

$sir=array('ion', ‘dan’, 225); 

echo $sir[O]."<br>"; 

echo $sir[1].'"<br>"; 

echo $sir[2]."<br>"; 

$sir[3]++; 

echo $sir[2]."<br>"; 

În acest caz se poate observa că, dacă şirul este iniţializat fără o precizare 
explicită a indicilor elementelor, primul indice -cel de start- are valoarea implicită O 
şi NU 1 (situaţie des întâlnită pentru array-uri generate automat de unele 
comenzi/structuri PHP). 

Despre tipul boolean, o simplă exemplificare cu cele două valori posibile: 

$var=TRUE; //sau $var=false; 

In plus, o eventuală conversie la boolean a unei valori numerice 0, string “0” 
sau array vid (fără elemente), conduce automat la valoarea FALSE (restul de valori 
non-zero, generând TRUE). 
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Asupra tipului object se va reveni într-un paragraf următor dedicat exclusiv 
abordării din punct de vedere al programării orientate pe obiecte (new fiind 
cuvântul cheie folosit pentru creare unui obiect nou, obţinut prin instanţierea unei 
clase). 

Tipul NULL este un tip mai special, semnificând practic existenţa unei 
variabile fără nici o valoare atribuită explicit (printr-un abuz de terminologie, o 
variabilă “declarată”, dar neiniţializată). Exemplu: 

<?php 

$var; 

echo $var; 

?> 


În contextul unei variabile de acest tip (NULL), este utilă exemplificarea 
modului de interpretare a conținutului ei de către funcțiile isset, empty, is_null (mai 
precis, rezultatul boolean returnat de aceste funcții): 


isset($var) //returnează FALSE (variabilă fără o valoare) 
empty($var) //returnează TRUE (variabilă vidă) 
is_null($var) //returnează TRUE (variabilă nulă) 


Spre deosebire de o variabilă, având numele precedată de caracterul $, o 
constantă se defineşte printr-o comanda de genul: 

define("constanta", valoare); 

Valoare acesteia nu poate fi modificată ulterior definirii şi iniţializării, iar 
referirea la ea se face direct prin numele ei (fără a fi nevoie de precedarea acestuia 
de caracterul $). Spre exemplu: 

define("increment", 10); 

$var=100; 

$var=$var+increment; // $var=110 

Observaţie: Cea mai amplă şi completă sursă de documentare privind 
limbajul PHP o constituie manualul on-line al acestuia, accesibil la adresa 
http://php.net/manual/en/. Evident, descrierea sintaxei comenzilor, funcţiilor şi a 
unor structuri de programare tratate în capitolul de faţă foloseşte ca sursă primară 
de documentare acest manual, venind însă în completarea lui printr-o manieră 
sintetică de prezentare selectivă şi exemplificare a unora dintre cele mai importante 
şi uzuale comenzi/structuri. [20] De asemenea, prezentarea făcută are un puternic 
caracter aplicativ, exemplele fiind noutatea faţă de alte surse de documentare. [1] 


2.3.3. Structuri condiţionale şi de ciclare 


Ca orice alt limbaj de programare, PHP-ul dispune de o serie de facilităţi 
pentru controlul fluxului de desfăşurare al unui script. Astfel, limbajul beneficiază de 
aportul unor instrucţiuni prin care este permisă o deviere de la ordinea firească de 
derulare a fluxului de comenzi ale  scriptului/programului (numite 
instrucţiuni/structuri de salt condiţionat sau de ramificare, respectiv de ciclare). 
Câteva astfel de structuri de control ale fluxului unui program sunt detaliate în 
continuare la nivel de sintaxă, fiind însoţite fiecare de exemple de utilizare: 
structura if-else, structura condiţională switch, structurile while şi do-while, bucla 
for, respectiv comanda de ciclare foreach. 

Una din cele mai folosite structuri de control condiţionale este if-else, în PHP 
având următoarea sintaxă simplificată: 
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if ( conditie ) 

{ 

// secvenţa care se execută dacă condiţia este adevărată. 
? 

else //ramificație opţională 


{ 


// (Opţional) secvenţa care se execută dacă condiția este falsă. 


Structura if-else permite o bifurcare condiţionată a programului. Iată un 
exemplu (în care trebuie remarcat şi operatorul de comparare egalitate ==): 

if ( $name == "Ion" ) 4 

echo("Mesaj de afisat pentru: $name"); 

> else 4 

echo("Persoana neidentificat"); 


} 


Exemplificarea anterioară utilizează o sintaxă redusă a structurii condiţionale 
if-else (putând să existe, de altfel, şi o singură ramură condiţională, evident if-ul). 
De subliniat faptul ca parantezele acolade > sunt obligatorii, chiar dacă linia e/se 
delimitează clar sfârşitul secvenţei executate la îndeplinirea condiţiei. O formă 
sintactică extinsă permite practic o ramificare nelimitată. Spre exemplificare, o 
ramificare pe patru ramuri poate avea următorul cod: 
if (conditie 1) 4 
„„„cod PHP 

> elseif (conditie2) 4 
„„„cod PHP 

y elseif conditie3) 4 
„„„cod PHP 

yelse (conditie 4) 4 
„„„cod PHP 

} 


Fiecare ramură elseif este testată doar dacă condițiile impuse pe ramurile 
anterioare nu sunt îndeplinite. Indeplinirea unei anumite condiţii şi execuţia unei 
anumite ramuri elseif (sau a ultimei ramuri else, ca ramură finală opţională) 
conduce automat la ieşirea din structura condiţională. Altfel spus, verificarea 
condiţiilor se face secvențial, iar îndeplinirea uneia conduce automat la ieşirea din 
structură, verificarea tuturor ramurilor următoare fiind abandonată. 

O alternativă des folosită pentru o multi-ramificaţie bazată pe structura if- 
elseif-else o constituie structura condiţională switch. Pentru o exemplificare concretă 
comparativă switch / if-elseif se consideră următoarele secvenţe: 


if ($var == 0) 4 switch ($var) 4 
echo "mesaj 0"; case 0: 
> elseif ($var == "ceva") 4 echo "mesaj 0"; 
echo "ceva"; break; 
y elseif ($var == 2) 4 case "ceva": 
echo "mesaj 2"; echo "ceva"; 
i break; 
case 2: 
echo "mesaj 2"; 
break; 
È? 
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Comanda break asigură ieşirea automată din structură, celelalte ramuri ne 
mai testându-se. Lipsa break-ului ar conduce la o verificare şi a condiţiilor de pe 
celelalte ramuri (care teoretic nu ar mai trebui îndeplinite, şi deci nu şi-ar mai avea 
sens testarea lor). Exemplul prezentat anterior foloseşte o structură if-e/seif (fară 
ramura opţională e/se), evidențiind şi faptul că variabila testată poate avea fie valori 
numerice, fie valori de tip string (diferenţa de abordare constând în modul de 
încadrare sau nu cu ghilimele a conţinutului verificat). 

Deşi nerecomandată, comanda de salt necondiţionat goto, este disponibilă şi 
ea în PHP (doar începând cu versiune PHP 5.3 !). Exemplu: 

goto eticheta; 

echo "Nu se va executa niciodata’; 

eticheta: echo 'Se executa permanent'; 

Trecând la structurile de ciclare, poate cea mai des utilizată este bucla while 
cu sintaxa clasică: 

while (conditie) 4 

// secvenţa de comenzi executată 

// repetat, cât timp condiţia este adevărată 

) 

Această buclă permite executarea repetată a unei secvenţe de comenzi atât 
timp cât este îndeplinită o condiţie (verificată aprioric execuţiei corpului de comenzi) 
. Un exemplu de afişare succesivă a numerelor de la 1 la 10, utilizând o buclă while 
are codul următor: 

$count = 1; 

while ($count <= 10) 4 

echo("$count"); 

// sau print (‘$count’); 

$count++; > 

Oarecum echivalentă cu while este structura do-wbhile, deosebirea majoră 
constând în faptul că testarea condiţiei se face ulterior execuţie corpului de 
instrucţiuni (şi nu aprioric ca în cazul while): 

do { 

// secvenţa de comenzi executată repetat, 

// (prima execuţie fiind implicită) cât timp condiţia este adevărată 

} 

while (conditie); 

Nu putea lipsi din cadrul structurilor de ciclare clasica buclă for cu sintaxa 
standard împrumutată de la limbajul C: 

for (initializare_contor; conditie; actualizare_contor) <{ 

// secvenţa de comenzi care se execută 

// atât timp cât condiţia este adevărată 

) 

Un exemplu de implementare a unui numărător printr-o buclă for: 

for ($count = 1; $count <= 10; $count++) 4 

echo("$count"); 


Şi în final, foarte des utilizată în contextul operării cu structuri de date de tip 
array, comanda foreach permite crearea unei bucle pentru accesarea secvenţială a 
elementelor unui şir - array. Dacă o structură de date array este convertită într-o 
structură de tip object, foreach permite operarea şi cu noua structură de date de tip 
object. Sintaxa generală foreach vizând tipul array este: 

foreach (nume_array as $element) 
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{ 
// secvența de comenzi executată repetat, procesând variabila $element 

SE 

Un exemplu concret de extragere şi afişare a elementelor unui şir (array) 
folosind foreach: 

$sir = array(1, 2, 3,4); 

foreach ($sir as $element) 


{ 
} 


Structurile repetitive implementate cu foreach sunt foarte des utilizate în 
contextul operării cu baze de date. Motivul îl constituie faptul că, de regulă, liniile 
unei tabele sunt disponibile succesiv sub forma unui array, iar accesul la fiecare 
element al acestuia se poate realiza cu o buclă foreach. Atenţie însă, la fiecare nou 
ciclu foreach, valoarea anterior extrasă este ştearsă (suprascrisă). O alternativă la 
acest impediment o constituie comanda /ist, permiţând extragerea într-o listă de 
variabile predefinite a elementelor unui şir (extragerea tuturor elementelor făcându- 
se simultan, nu succesiv). 

Exemplu: 

$sir = array('unu', ‘doi’, 3); 

list($vari, $var2, $var3) = $sir; 

echo $var1.' '.$var2.''. $var3; 

Dacă numărul de variabile nu coincide cu numărul de elemente ale şirului 
array (indiferent că este mai mare sau mai mic), extragerea se va face doar pentru 
elementele disponibile, fără semnalarea unui mesaj de avertisment sau de eroare. 
Dezavantajul faţă de foreach constă în faptul că, dacă se doreşte extragerea într-un 
set de variabile a întregului conţinut al şirului, trebuie cunoscut aprioric numărul de 
elemente ale acestuia. 


print $element.'<br>; // afişare elemente 


2.4. Dezvoltare de aplicaţii PHP cu baze de date MySQL 
2.4.1. Funcţii PHP pentru operare cu MySQL 


Pe lângă setul standard de comenzi aferente limbajului PHP, acesta dispune 
de o serie de funcţii şi variabile predefinite care uşurează munca programatorului, 
unele dintre ele fiind incluse implicit (built-in) în interpretor (spre exemplu, suportul 
pentru MySQL, FTP, XML), altele fiind disponibile prin utilizarea unor fişiere externe 
ca extensii (biblioteci .dil). Aceste fişiere extensie de tip .d!// (cu numele generic 
php_*.d!l) permit limbajului PHP să opereze cu o mare diversitate de tehnologii 
conexe, inclusiv cu baze de date (în acest ultim caz, ele înglobând funcţiile necesare 
accesării şi manipulării unor baze de date de diverse tipuri). 

MySQL este unul dintre cele mai folosite sisteme de gestiune a bazelor de 
date client-server, fiind cel mai des utilizat în combinaţie cu scripturi PHP. [11][20] 
Operarea cu baze de date MySQL nu necesită utilizarea unei biblioteci suplimentare 
(.d/l), suportul pentru MySQL fiind inclus funcţional în motorul interpretorului PHP. 
Prezentul paragraf va prezenta cele mai importante funcţii PHP utilizate în lucrul cu 
bazele de date MySQL (tabel 2.1), însoţite de aplicaţii exemplificative în paragrafele 
ulterioare. 
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Tabel 2.1. 


Tip_returnat 


Acţiuni /caracteristici 


resource mysql_connect 


- realizează conectarea la un server MySQL; 

- funcţia necesită trei parametri uzuali: nume 
server MySQL/ adresă IP server, nume utilizator 
MySQL şi parola de acces; 

- returnează valoarea logică FALSE în cazul în 
care a eşuat conectarea la server-ul de baze de 
date, respectiv un identificator resursă de acces la 
conexiunea cu server-ul MySQL în cazul în care 
conectarea a reuşit. 


resource mysql_pconnect 


- realizează o conexiune permanentă la un server 
MySQL (parametrii fiind aceiaşi ca la funcţia 
anterior); 

- iniţial, caută o conexiune permanentă deja 
existentă, iar în cazul în care nu găseşte, creează 
una; 

- nu închide conexiunea la final de script; 

- returnează valoarea logică FALSE în cazul în 
care a eşuat conectarea la server, respectiv un 
identificator resursă de acces la conexiunea cu 
MySQL în cazul în care conectarea a reuşit. 


bool mysql_close 


- primeşte ca parametru un identificator de acces 
la o conexiune cu un server MySQL şi realizează 
închiderea acesteia. In cazul în care parametrul 
nu este specificat, se va închide conexiunea 
curentă; 

- returnează valoarea logică TRUE în cazul în care 
închiderea conexiunii s-a realizat cu succes, 
respectiv valoarea logica FALSE în caz contrar; 

- funcţia este opţională în cazul în care 
conexiunea nu este permanentă, aceasta 
închizându-se automat la final de script. 


bool mysqi_select_db 


- selectează/deschide o baza de date curentă 
(existând deja o conexiune cu un server MySQL) 
pentru interogările/operaţiile SQL care vor urma; 

- funcţia are doi parametri: primul este de tip şir 
de caractere, reprezentând numele bazei de date 
deschise/selectate, iar cel de-al doilea parametru 
reprezintă identificatorul resursă de acces la 
conexiunea cu serverul MySQL; 

- returnează valoarea logică TRUE în cazul în care 
s-a reuşit selectarea bazei de date, respectiv 
valoarea logică FALSE în cazul în care baza de 
date nu poate fi deschisă (nu există, utilizatorul 
nu are drepturi de acces la aceasta, etc). 


bool mysql_create_db 


- permite crearea unei noi baza de date MySQL; 

- funcţia are doi parametri: primul este de tip şir 
de caractere, reprezentând numele bazei de date 
care va fi creată, iar cel de-al doilea parametru 
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reprezintă identificatorul aferent conexiunii cu 
MySQL-ul; 

- returnează valoarea logică TRUE în cazul în care 
a reuşit să creeze baza de date, respectiv 
valoarea logică FALSE în caz contrar. 


bool mysql_drop_db 


- permite ştergerea unei baze de date MySQL; 

- funcţia are doi parametri: primul este de tip şir 
de caractere, reprezentând numele bazei de date 
care va fi ştearsă, iar cel de-al doilea parametru 
reprezintă identificatorul aferent conexiunii cu 
MySQL-ul; 

- returnează valoarea logică TRUE în cazul în care 
a reuşit să şteargă baza de date, respectiv 
valoarea logică FALSE în caz contrar. 


resource mysql_query 


- trimite/pasează o comandă SQL spre serverului 
MySQL (sub forma unui string de caractere); 

- returnează, în caz de succes, un identificator 
resursă care va fi folosit în continuare ca 
parametru în apelurile unor eventuale funcţii, 
(realizând extragerea rezultatului interogării), iar 
în caz contrar, returnează valoarea logică FALSE. 


array mysql_fetch_row 


- returnează o înregistrare/linie extrasă dintr-o 
tabelă interogată (sau joncțiune de tabele), sub 
forma unui şir (array cu primul indice de element 
0). 

- presupunând $row numele array-ului returnat, 
elementele acestuia pot fi referite pa baza 
indicelui lor: $row[0], $row[1], ... 


array mysql_fetch_assoc 


- aceeaşi funcţionalitate ca şi mysqgl_fetch_row, 
dar elementele şirului returnat sunt referite nu 
prin indici, ci prin nume asociate lor, identice cu 
numele coloanelor  referite prin interogare: 
$row[coloana1], $row[coloana2], ... 


array mysql_fetch_array 


- aceeaşi funcţionalitate ca şi mysql_fetch_row 
/mysql_fetch_assoc, în varianta implicită (fără 
parametri opţionali), permiţând ambele moduri 
de referire a elementele şirului returnat: fie prin 
indice, fie prin numele asociat (numele coloanei). 
- deci se poate face o referire echivalentă a unui 
element: $row[0] sau $row[coloana1] 


object mysql_fetch_object 


- aceeaşi funcţionalitate ca şi mysqgl_fetch_row, 
returnând însă un tip object, datele putând fi 
referite ca proprietăţi ale acestuia: 
$row->coloanal, 
$row->coloana2, ... 
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int mysql_num_rows 


- returnează numărul de linii obţinute în urma 
executării unei comenzi SQL de interogare 
SELECT. 


int mysql_num_ fields 


- returnează numărul de coloane (câmpuri) 
aferente setului de date obținut ca urmare a 
execuției unei comenzi SQL SELECT. 


resource mysql_list_fields 


- permite oferirea de informații asupra unei 
anumite tabele (joncţiuni de tabele), returnând ca 
rezultat un identificator resursă, care poate fi 
folosit de către următoarele funcţii conexe: 
mysgl_field_name, mysql_field_len, 
mysgl_field_type. 


string mysql_field_name 


- returnează succesiv numele coloanelor tabelei. 


int mysql_field_len 


- returnează succesiv dimensiunea coloanelor 
tabelei. 


string mysql_field_type 


- returnează succesiv tipul coloanelor tabelei. 


int mysql_affected_rows 


- returnează numărul de linii afectate de o 
comandă SQL anterioară de tip UPDATE, INSERT, 
DELETE. 


int mysql_errno 


- permite identificarea erorii care s-a produs în 
timpul execuţiei de către serverul MySQL a unei 
comenzi SQL; 

- returnează codul numeric al erorii în 
cazul în care a apărut o eroare în timpul 
executării unei comenzii SQL, respectiv 0 în caz 
contrar. 


string mysql_error 


- permite identificarea erorii care s-a produs în 
timpul executării unei comenzi SQL; 

- returnează un mesaj în care eroarea este 
descrisă explicit în cazul în care a apărut o eroare 
în timpul executării unei comenzii SQL, respectiv 
un şir vid în caz contrar. 


tip_variabil mysql_result 


- preia valoarea unei celule din setul de date, 
aferente unei anumite coloane dintr-un rând al 
unui cursor, rezultat ca urmare a unei comenzi 
SQL SELECT. 


bool mysql_free_result 


- realizează eliberarea zonei de memorie ocupată 
de cursorul indicat ca argument, rezultat ca 
urmare a unei comenzi SQL SELECT; 

- returnează valoarea logică TRUE în caz de 
succes, respectiv valoarea logică FALSE în caz 
contrar. 


Observaţie: De regulă, cele mai utilizate funcţii PHP pentru operarea cu o bază de 
date MySQL sunt: mysql_connect (conectare la serverul MySQL), mysql_select_db 
(deschiderea unei baze de date), mysql_query (interogare prin trimiterea spre 
server a unui string într-o sintaxă validă de comandă SQL),  mysql_fetch_row 
(extragere date returnate), mysql_close (închidere conexiune). Se poate remarca o 
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mare varietate de comenzi destinate extragerii datelor returnate de o interogare 
(mysql_fetch_...), rămânând la latitudinea programatorului selecţia comenzii pe 
care o consideră cea mai potrivită. 

Folosind funcţiile anterior prezentate (şi nu numai acestea), programatorul 
poate realiza aplicaţii PHP complexe în conexiune cu baze de date de tip MySQL, 
conferind astfel o dinamică sporită aplicaţiei WEB. 


2.4.2. Elemente MySQL 


După instalarea pachetului WAMP, un client consolă MySQL este disponibil 
chiar din meniul WAMP, sub denumirea MySQL Console (fig. 2.2). [21] User-ul cu rol 
de administrator al serverului MySQL are numele root şi nu are o parolă implicit 
setată. [11] Este indicat ca, după prima logare, să se seteze o parolă pentru acest 
important user. 


Localhost 
5| phphyAdmin 
5] SQLiteManager 
wew directory 
y & Log files 
p Start/Res i & Config files 
N Stop Service 


& Apache modules 


> Restart Service E PHP settings 


K] Install Service 3 Alias directories 
F Remove Service oon 


Start All Services 


WAMP35 1.7.2 


Stop All Services 

Restart All Services 

Put Online 
"Fig. 2.2. WAMP- MySQL Console 


Setarea unei parole pentu user-ul root se poate face cu o comandă de genul: 
mysql> SET PASSWORD FOR 'root'Q'localhost' = PASSWORD('parola”); 
mysql> SET PASSWORD FOR 'root'Q'%' = PASSWORD(parola”); 

De sunt necesare două comenzi? Practic sunt doi useri administrator, cu 
acelaşi nume root, unul fiind dedicat conectării exclusiv de pe /oca/host, iar celălalt 
(cu acelaşi nume) pentru realizarea unor conexiuni din exterior (la distanţă sau 
remote). 

Cei doi useri pot fi vizualizaţi cu comanda (parolele fiind criptate): 
mysql> select host, user, password from mysgl.user; 

Tot dupa instalarea serverului de baze de date, două baze sunt implicit 
create, având numele mysql (conţinând informaţiile pentru administrarea userilor, 
drepturilor acestora, parolelor de acces, etc.), respectiv test (bază de lucru pentru 
root). 

Vizualizarea numelor bazelor de date existente pe server, respectiv 
deschiderea uneia sau alteia şi afişarea numelor tabelelor din baza curentă, se poate 
face cu o secvenţă de comenzi de forma următoare: 


66 PHP-2 


mysql> SHOW DATABASE; 
mysql> USE test; 
mysql> SHOW TABLES; 

Pentru proiectarea şi implementarea unei noi aplicații, se recomandă 
crearea unei noi baze de date, respectiv crearea unui nou user şi atribuirea de 
drepturi acestuia doar pe această nouă bază de date. Spre exemplu: 
mysql> CREATE DATABASE persoane; 
mysql> CREATE USER 'ion'Q'localhost' IDENTIFIED BY 'parola'; 
mysql> GRANT ALL ON persoane.* TO ‘ion'@'localhost’; 

Se presupune serverul MySQL plasat pe acelaşi host cu interpretorul PHP, cu 
serverul Apache şi deci, implicit, cu scripturile PHP care integrează rolul de user). 
Astfel, un singur user MySQL permițând doar o conectare de pe localhost este 
suficient pentru operare (oferind în plus şi o securitate suplimentară, doar un apel 
conexiune dintr-un script PHP fiind permis, respectiv orice apel extern, de la 
distanţă (remote), fiind respins). Folosirea noului user implică deschiderea unei noi 
console client, aceasta putând fi startată printr-o comandă de rulare directă a 
aplicaţiei client mysgl.exe cu parametri (-h urmat de numele/adrea IP a host-ului, -u 
urmat de numele de user, -p precizând că este necesară şi se va cere o parolă): 
C:\wamp\mysql\bin\mysql.exe -h localhost -u ion -p 

După tastarea parolei adecvate, prompter-ul mysql> va apare confirmând 
realizarea conexiunii la server şi permiţând deschiderea bazei dorite: 

mysql> USE persoane; 

In acest moment se poate trece la crearea tabelelor bazei de date şi la o 
operare standard cu comenzi SQL consacrate (CREATE TABLE, INSERT, UPDATE, 
DELETE, SELECT, etc.). 

Tabela table, considerată în continuare în majoritatea exemplificărilor care 
vor urma (aparţinând bazei de date persoane), a fost creată folosind comanda: 

CREATE TABLE table1( 

Nume CHAR(10), 

Varsta INTEGER, 

localitate  CHAR(10)); 
Observaţii: Părăsirea consolei MySQL (şi implicit închiderea conexiunii user-ului 
curent cu serverul) se face cu comanda exit. Din motive de comoditate vizând 
lansarea rapidă a unui ferestre consolă MySQL (permiţând implicit conectarea doar 
ca user administrator), exemplele care urmează folosesc userul root pentru accesul 
la baza de date persoane. 


2.4.3. Interogare neparametrizată a unei tabele a bazei de date 


Acest prim exemplu prezintă o modalitate simplă de interogare fără 
parametrii a unei tabele a unei baze de date MySQL. Sunt exemplificate modurile de 
utilizare ale următoarelor funcţii, respectiv comenzi şi structuri: 

- funcții legate direct de lucrul cu baze de date MySQL: mysq/ connect(), 
mysql_select_db(), mysql_query(), mysql_num_rows(), mysal_num_fields(), 
mysgl_fetch_row( ); 

- funcții şi comenzi PHP generale: print( ),echo, if( ), while( ), foreach( ), die( ). 

Exemplul este pur didactic, aplicaţia nefiind optimizată, rolul ei fiind doar 
acela de a detalia funcţionalităţile unor comenzi, funcţii şi structuri PHP uzual 
folosite în operarea cu baze de date, controlul fluxul scriptului şi a modului de 
proiectare şi implementare al unui acces la date stocate pe un server MySQL. 
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Cunoştinţe apriorice legate de bazele de date SQL sunt necesare, în continuare sunt 
punctate pe scurt câteva aspecte specifice MySQL-ului. 
Codul sursă PHP al aplicaţiei considerate este următorul (rezultatul apelului 

acesteia, folosind un browser WEB, fiind prezentat în fig. 2.3) : 
<?php 
//Conectare la server 
//(în cazul de faţă, server MySQL local, user - root, parola - parola) 
mysql_connect("localhost","root","parola") or die ("Nu se poate conecta la serverul 
MySQL"); 
//Selecţie baza de date 
mysql_select_db("persoane") or die("Nu se poate deschide baza de date"); 
//Interogare tabelă (comandă SQL) 
$query=mysgl_query("select * from tablei where nume='ion”); 
//Creează capul de tabel (se face o afişare tabelată) 
print <table align=center BORDER="2">); 
print ("<tr>"); 

echo '<th BGCOLOR="Silver'>Nume</th>"; 

echo ‘<th BGCOLOR="Silver'>Virsta</th>"; 

echo '<th BGCOLOR="Silver'>Localitate</th>"; 
print ("</tr>"); 
//Iniţializare variabilă_contor conţinând numărul de elemente (celule) 
// returnate prin interogarea tabelei 
$nr_val=0; 


//Ciclează după nr. înregistrări /linii găsite (realizând o condiţie logică şi o 
// atribuire prin returnarea elementelor unei linii/înregistrări în variabila 
// şir (array) $row) 

while ($row = mysql_fetch_row($query))4 

// Variabila $row este un şir (array) conţinând succesiv, la un moment 

// dat, elementele unei înregistrări (row[0] va conţine elemente din 
//coloana 1 a liniei curente, etc) 


//Creează o linie nouă în tabel 
echo" <tr>\n"; 
//Ciclează după elementele unei înregistrări /linii 
foreach ($row as $value) 4 
//Pune într-o celulă din tabel elementul unei înregistrări (valoarea dintr- 
// un câmp al înregistrării) 
//Creează o coloană nouă în linia tabelului 


echo "<td>$value</td>"; 
//Incrementează variabila_contor = 
// nr.total elemente = nr.inreg. X nr. câmpuri 
$nr_val++; 
)//închide buclă foreach 
echo "</tr>"; 
Y//închide buclă while 


//Calculează nr. de coloane returnate prin interogare 
$coln=mysqgl_num_fields($query); 
$nr_inreg=$nr_val/$coln; //calculează nr. de înregistrări /linii 
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echo "<br>"; 
echo "<center>"; 
if ($nr_inreg>0) //verifică câte înregistrări s-au găsit 
echo "s-au gasit: ".$nr_inreg." inregistrari"; 
// punctul (.) - rol de operator de concatenare între siruri 
else 
die ("Nu gasesc nici o inregistrare ..."); 
//Comanda die închide programul şi toate conexiunile (ieşire forţată) 
echo "</center>"; 
//Comanda următoare se va executa numai în caz de căutare reuşită 
mysql_close(); 
?> 


 http://localhost/exCursPAl/ex1 .php - Microso... DER 
File Edit view Favorites Tools Help Ed 


> 


Q Bak - > [x] a A Pa ) Search 


Address E nttp:/jlocalhast/exCursPAI/ex1 .php i Go Links 


»> 


A 


S-au gasit 3 inregistrari 
Nume Varsta Localitate 
ion (20 arad 
ion (10 timisoara 
ion |l5 bucuresti 


Fig. 2.3. Afişare date interogare 


Funcţia mysql_connect realizează conectarea la serverul MySQL. Această 
funcţie poate avea până la cinci parametri (toţi putând fi opţionali), dintre care doar 
primi trei sunt de regulă necesari, ultimii doi fiind mai puţin folosiţi: 

- Primul parametru reprezintă numele server-ului MySQL sau adresa de IP a 
computerului pe care rezidă serverul. Dacă acest parametrul lipseşte, caz în care şi 
ceilalţi patru lipsesc (mysgl_connect()), se încearcă conectarea la un eventual 
server MySQL de pe calculatorul curent (conectare pe local, echivalentă de altfel cu 
a scrie ca nume de server localhost -ca în exemplul anterior- sau adresa IP 
127.0.0.1). În acest caz, ca nume de utilizator implicit se va considera root, fără 
parolă (user-ul implicit MySQL). 

- Cel de-al doilea parametru reprezintă numele utilizatorului, iar în cazul în 
care lipseşte (obligatoriu lipsind şi ceilalţi parametrii care îl succed), se foloseşte ca 
substitut implicit numele de utilizator sub care rulează serverul MYSQL, adică de 
regulă root (mysql_connect("localhost")); 

- Al treilea parametru reprezintă parola utilizatorului, iar în caz ca lipseşte se 
foloseşte şirul vid pe post de parolă pentru conectarea la server 
(mysql_connect("localhost","user1")); 

Observaţie: Din motive de securitate, se recomandă a se folosi aceşti primi trei 
parametrii cu valori concrete, ne lăsându-se (prin lipsă lor) active valorile implicite 
care conduc la o creştere substanţială a gradului de vulnerabilitate al aplicaţiei. 
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Pentru MySQL (inclus în pachetul WAMP5), după cum s-a mai precizat, user-ul 
implicit existent la instalare este root, fără parolă. 

- Al patrulea parametru este de tip logic, având rolul de a indica motorului 
PHP că, în cazul în care există deja o conexiune la acelaşi server MySQL, să creeze o 
nouă conexiune în loc să o reutilizeze pe cea existentă; 

- Ultimul parametru este de tip întreg şi reprezintă proprietăţile pe care le va 
avea conexiunea (spre exemplu, dacă se foloseşte compresia datelor). 

Funcţia mysql_connect returnează (în cazul în care conectarea a reuşit) un 
identificator resursă de acces aferent conexiunii cu server-ul MySQL. Funcţia este 
absolut necesară a fi folosită înaintea oricărei alte funcţii operând cu MySQL, 
asigurând practic realizarea conexiunii/legăturii cu serverul de baze de date. 

Funcţia mysql_select_db selecteză/deschide o bază de date aferentă 
serverului MySQL cu care s-a făcut conexiunea, fiind absolut necesară pentru 
interogările/comenzile SQL care vor urma. Funcţia are doi parametri: primul 
(obligatoriu), este de tip şir de caractere şi reprezintă numele bazei de date pe care 
se va opera, iar cel de-al doilea parametru (opţional) reprezintă identificatorul de 
acces la conexiunea cu serverul MySQL. Dacă acesta nu este specificat explicit, se 
consideră conexiunea curent existentă cu serverul MySQL. Funcţia returnează 
valoarea logică TRUE în cazul în care s-a reuşit selectarea bazei de date, respectiv 
valoarea logica FALSE în caz contrar (bază de date nu există, utilizatorul nu are 
drepturi de acces la aceasta etc.). 

Funcţia mysql_query este cea prin care se asigură interacţiunea efectivă cu 
elementele (datele) bazei de date, permiţând operaţiile SQL uzuale (interogare, 
adăugare, ştergere, modificare etc). Funcţia are doi parametri: 

- Primul parametru este de tip şir de caractere şi reprezintă cererea 
(comanda SQL) trimisă spre execuţie server-ului MySQL (în exemplul de faţă, o 
comandă SELECT pe o tabelă); 

- Al doilea parametru reprezintă identificatorul de acces al conexiuni cu 
serverul MySQL. În cazul în care acesta lipseşte se ia în considerare conexiunea 
curentă; 

În exemplul anterior, căutarea în tabelă s-a făcut după o valoare bine 

precizată: "select * from tablei where nume="ion”". Există însă situaţii în care nu 
se cunoaşte exact valoarea cheii de căutare, în acest caz, o alternativă constituind-o 
folosirea operatorul like. Acesta, împreună cu wildcard-ul % permit realizarea 
unei interogări după o mască aproximativă (ceva ce seamănă cu cheia de căutare). 
Spre exemplu, dacă se doreşte afişarea tuturor persoanelor a căror nume începe cu 
ion, se poate folosi comanda "select * from tablei where nume like 'ion%o”". In 
cazul în care se cere afişarea tuturor persoanelor a căror vârstă se termină cu cifra 
9, comanda select va arăta în felul următor: "select * from tablei where varsta like 
10/9"" 
Observație: Evident, comanda SELECT poate fi şi o interogare pe mai multe tabele 
(joncţiuni de tabele), spre exemplu: select tabelal.colii, tabelal.col.12, 
tabela2.col21, tabela2.col22 from tabelali, tabela2 where tabelai.col.12 = 
tabela2.col21 

Bucla while($row=mysql_fetch_row($query)), utilizând funcţia 
mysql_fetch_row, poate fi interpretată astfel: “atât timp cât este găsită o linie 
(conţinutul fiecărei linii găsite fiind returnat succesiv de funcţia mysql_fetch_row 
în variabila array $row) execută...”. 

Funcţia mysql_fetch_row va ‘umple’ succesiv un şir ($row) cu datele unei 
linii returnate de interogare. Aceste date sunt prelucrate succesiv (de regulă afişate 
într-un tabel pe ecran), începând cu prima linie, apoi se trece la a doua (conţinutul 
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şirului $row fiind astfel suprascris succesiv) şi aşa mai departe. Practic, bucla while() 
ciclează după numărul de articole/linii găsite şi returnate în urma interogării. 

După cum s-a mai precizat, PHP-ul oferă o multitudine de funcţii alternative 
pentru extragerea datelor aferente liniilor returnate de interogare. In exemplificarea 
curentă s-a folosit mysgl_fetch_row, dar se puteau folosi (în cadrul condiţiei 
buclei while) şi următoarele variante alternative: 

- $row = mysql_fetch_array($query), cele 3 elemente ale array- 
ului $row putând fi referite direct $row[0], $row[1], $rowl[2], ceea ce ar 
conduce probabil la un cod mai optimizat. 

- $row = mysql _fetch_assoc($query), generând un şir cu 
elementele $row['nume'], $row['varsta'], $row['localitate'], referite cu nume 
asociate coloanelor interogării (în cazul de faţă, chiar numele coloanelor tabelei). 

- $row = mysql_fetch_object($query), elementele şirului returnat 
putând fi referite ca: $row->nume, $row->varsta, $row->localitate. 


Dacă numărul de linii returnate de interogare este constant, cunoscut 
aprioric, funcţia de extragere a datelor mysgl_fetch_row poate fi referită explicit 
de câte ori este nevoie, fără a se mai face apel la o structură de ciclare, gen while. 
Este cazul unei căutări după o cheie primară, numărul de linii găsite putând fi 1 sau 
0. În acest caz, comanda de extragere trebuie referită o singură dată, returnând fie 
un array aferent linie găsite, fie FALSE dacă nu a găsit nici o linie. 


Linia printC<table align=center BORDER="2">"); trimite spre ecran un 
şir HTML pentru crearea unui tabel în care vor fi afişate datele găsite. Deci tag-ul 
<table...> defineşte un tabel de afişare, tag-ul <tr> se referă la construcţia unei linii 
din tabel, <th> la o linie-header (cap de tabel), <td> la o coloană, toate fiind 
elemente HTML care permit construcţia unui format tabelat de afişare pe ecran. 
Observaţie: Comanda print are un efect similar cu al comenzii echo (afişare 
neformatată a unui string). Pentru afişarea unor string-uri care includ variabile, se 
poate folosi şi o comanda de afişare formatată printf (dispunând de câţiva 
parametri speciali pentru formatarea conţinutului variabilelor integrate în string-ul 
de afişat: %s, %d, %f). Un scurt exemplu de utilizare al acesteia este prezentat în 
continuare: 

$var="string"; 


printf("Afisare: %sin", $var); //Afişare: string 
$var=10.1234; 

printf("Afisare intreg: %d", $var); //Afişare intreg: 10 
printf("Afisare float: %f", $var); //Afisare float: 10.123400 
printfC Afisare float: %.2f `, $var); //Afisare float: 10.12 


Comanda foreach ($row as $value) este practic o buclă internă buclei 
while(), ciclând în cadrul fiecărui articol/linie după numărul de elemente ale 
articolului/liniei. Pentru fiecare articol succesiv găsit (in ciclul while()), comanda 
foreach() ca şi buclă, extrage succesiv din şirul $row câte un element şi-l trimite 
spre variabila $value (care la un moment dat conţine o valoare a unui articol 
corespunzătoare unui anumit câmp, deci practic valoarea unei celule). 

Afişarea pe ecran (în celulele tabelului de afişare construit) a conţinutului 
variabilei $value (echo "<td >$value</td>";), înseamnă practic afişarea element 

cu element a conţinutului fiecărui articol găsit, în celule succesiv create. Prin 
incrementarea variabile $nr_val, aceasta va conţine numărul total de elemente (spre 
exemplu dacă numărul de articole găsite este 3 (bucla while() se va executa de 3 


2.4. Dezvoltare de aplicaţii PHP cu baze de date MySQL 71 


ori), iar numărul de câmpuri este 5 (bucla foreach() se va executa de 5 ori), 
$nr_val=3X5=15. 

Funcţia mysql_num_fields returnează numărul de coloane (câmpuri) 
rezultat în urma interogării cu comanda mysql_query. Dacă mysql_query conţine o 
comandă SQL de forma SELECT * ..., practic va returna numărul total de coloane 
(câmpuri) ale tabelei (sau joncţiunii de tabele) referite. Împărţind valoarea variabilei 
$nr_val la valoarea returnată de funcţia mysgl_num_fields (oferind numărul de 
câmpuri implicate în interogare), se obţine numărul de înregistrări/linii găsite şi 
returnate de interogare. 

Comanda die (executată pe ramura else a verificării if( )) închide automat 
conexiunea şi încheie forţat programul (nici o altă comandă care ar mai urma în 
script nu se mai execută) . 

Comanda mysql_close închide conexiunea cu serverul MySQL (primind ca 
parametru un identificator de acces la o conexiune spre un server MySQL). În cazul 
în care parametrul nu este specificat, se închide conexiunea curentă. În exemplul de 
faţă, această comandă se execută doar dacă comanda die() de pe latura else nu s- 
a executat în prealabil. 

O variantă alternativă de codare PHP a funcţionalităţilor aceleiaşi aplicaţii, 
este prezentată în continuare: 
<?php 
mysql_connect("localhost","root","parola") or die ("Nu se poate conecta la serverul 
MySQL"); 
mysql_select_db("persoane") or die("Nu se poate selecta baza de date"); 
$query=mysql_query("'select * from tablei where nume='ion”"); 


//Calculează DIRECT într-o variabilă nr. de linii returnate prin interogare 
//$nr_inreg= Qmysql_num_rows($query); 


if ($nr_inreg>0)4 
echo "<center>"; 
echo "S-au gasit " . $nr_inreg . " inregistrari"; 
echo"</center>"; 
echo"<table border='2' align='center'>"; 
echo"<tr bgcolor='silver'>"; 
echo"<th>Nume</th>"; 
echo"<th>Varsta</th>"; 
echo"<th>Localitate</th>"; 
echo"</tr>"; 


while($row=mysql_fetch_row($query))4 
echo"<tr>"; 
foreach ($row as $value)t 
echo "<td>$value</td>"; 


echo"</tr>"; 


echo"</table>"; 
? 
else{ 
echo"<center>"; 
echo "Nu s-a gasit nici o inregistrare!!!"; 
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echo"</center>"; 


mysql_close(); 
?> 

Aceasta variantă reprezintă o optimizare din punct de vedere al operării pe 
partea de interpretor PHP (practic pseudo-clientul aplicației Web), întrucât pentru a 
calcula numărul de înregistrări obținute în urma interogării se foloseşte funcția 
mysql_num_rows, pasându-se această sarcină serverului MySQL (care primeşte 
astfel o solicitare în plus). Aceasta funcție returnează numărul de linii obţinute în 
urma executării unei comenzi SQL SELECT. Semnul Q (care apare în faţa funcţiei 
mysgl_num_rows) are rolul de a suprima afişarea pe ecran a unor eventuale 
warning-urilor (mesaje de avertisment) care pot apărea în timpul execuţiei unor 
comenzi. 

În cele două versiuni ale aplicaţiei anterior prezentate, capul de tabel pentru 
afişarea informaţiilor din tabela bazei de date s-a realizat în mod manual, 
presupunându-se cunoscute numele coloanelor şi numărul lor. 

PHP-ul dispune de funcţii prin care se pot obţine informaţii asupra structurii unei 
tabele, informaţii care pot fi utilizate pentru realizarea ‘automată’ a unui cap de 
tabel pentru afişare (coloanele lui fiind practic câmpuri ale tabelei bazei de date). 
În continuare, sunt enumerate câteva dintre aceste funcţii: 
-mysgl_list_fields() - oferă informaţii asupra structurii unei anumite tabele, 
returnând ca rezultat un identificator, care poate fi folosit de către următoarele 
funcţii, cu semnificaţiile aferent precizate : 

-mysqgl_field_name()- returnează succesiv numele coloanelor tabelei; 
-mysqgl_field_len() - returnează succesiv lungimea coloanelor tabelei; 
-mysql_field_type()- returnează succesiv tipul coloanelor tabelei; 
-mysqgl_num_fields() - returnează numărul coloanelor tabelei. 


Următorul exemplu comentat este destul de edificator asupra modului de 
utilizare a acestor funcţii, fără a mai fi necesară o prezentare a sintaxei lor de bază: 
<?php 
//Conectare la serverul MySQL 
$link = mysql_connect(“localhost”, “root”, “parola”); 

// Informații asupra structurii unei anumite tabele dintr-o bază de date 
$fields = mysqli_list_fields("persoane", "table1",$link); 
// Numărare coloane ale tabelei referite 
$columns = mysql_num_fields($fields); 
// Pentru fiecare coloană, afişează numele, tipul şi lungimea ei pe rând nou 
for ($i = O; $i < $columns; $i++)4 
echo mysgl_field_name($fields, $i); 
echo mysgl_field_type($fields, $i); 
echo mysgl_field_len($fields, $i); 
echo "<br>"; 
} 
?> 

Efectul rulării scriptului anterior constă în afişarea, pe coloană, a numelui, 
tipului şi lungimii fiecărui câmp al unei anumite tabele a unei baze de date MySQL, 
tabelă referită printr-un identificator ($fields) în funcţiile specializate folosite. 
Observaţie: Fiecare din funcţiile returnând numele, tipul şi lungimea unei coloane a 
tabelei are ca argumente un identificator de pointare la tabelă ($fie/ds), respectiv un 
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index de coloană (pornind de la zero) reprezentând poziţia coloanei referite (aşa 
cum se poate observa şi în scriptul anterior prezentat). 

O numărare a liniilor tabelei care îndeplinesc o anumită condiţie impusă, se 
poate face şi folosind funcţia SQL COUNT: 
$nr=mysql_query("select COUNT(*)from tablei where nume='ion”"); 

$row = mysgl_fetch_row($query); 

echo $row[0]; 

sau 
$query=mysgl_query("select COUNT(*) as numar from tablei where nume='ion”); 

$row = mysgl_fetch_array($query); 

echo $row['numar']; 

De remarcat faptul că, deşi interogarea returnează o singură valoare (un 
scalar), funcţia de extragere (fetch) returnează tot un şir, este adevărat cu un 
singur element, iar referirea lui se va face în mod adecvat referirii unui element de 
şir. 

Rezumând, principalele funcţii folosite pentru lucrul cu baze de date MySQL 
sunt următoarele: 

- mysql_connect - permite conectarea la un server MySQL; 

-  mysql_select_db - permite selecția bazei de date MySQL; 

- mysql_query - execută o comandă SQL; 

-  mysgl_fetch_row - returnează o linie din tabelă ca şir; 

-  mysgl_num fields - returnează numărul de coloane(câmpuri) 
dintr-un set de rezultate creat ca urmare a unei comenzi SQL SELECT; 

- mysgl_num_rows - returnează numărul de linii obţinute în urma 
executării unei comenzi SQL SELECT; 

- mysgl_list_fields - oferă informaţii asupra unei anumite tabele, 
returnând ca rezultat un identificator, care poate fi folosit de către următoarele 
funcţii: mysql- field_name, mysql_field_len, mysql_field_type; 


mysql_field_name - returnează succesiv numele câmpurilor 
tabelei; 
- mysql_field_type - returnează succesiv tipul câmpurilor tabelei; 
- mysqi_field_len - returnează succesiv lungimea câmpurilor 
tabelei; 


- mysql_close - închide o conexiune cu baza de date, 


2.4.4. Interogare parametrizată a unei tabele a bazei de date 


Realizarea unei interogări a unei tabele aferente unei baze de date, implică 
obligatoriu transmiterea unor parametrii după care se face căutarea. Exemplul 
anterior de interogare, fără parametrii, este pur didactic (doar pentru exemplificarea 
modului de utilizare a funcțiilor PHP de operare cu o bază de date). In realitate, 
orice interogare pe Web necesită anumiți parametri de intrare. 


a) Interogare cu căutare exactă (cu toți parametrii obligatoriu de introdus) 
Acest prim exemplu presupune o interogare a unei tabele a bazei de date, 
cu afişarea liniilor găsite, filtrarea făcându-se funcție de valorile introduse pentru un 
nume şi o varsta (câmpuri ale tabelei), ambele furnizate obligatoriu (ca parametrii 
de intrare şi implicit de interogare). 
Un prim fişier script HTML necesar (fig.2.4), realizează doar o preluare a 
acestor parametrii (de la tastatură) şi o "pasare" a lor (printr-un form însoţit de o 
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acţiune "POST") spre pagina propriu-zisă de interogare (scriptul PHP), plasată la 
adresa locală http://localhost/ex2.php: 
<html> 
<title>Interogare cu parametrii</title > 
<center> 
<head><H1>Interogare cu parametrii</H1></head> 
</center> 
<form method="POST" action="http://localhost/ex2.php"> 
<table border=10 align=center BGCOLOR="Silver"> 
<td> 
Nume: <input type="text" name="nume" size="10"><br> 
Varsta: <input type="text" name="varsta" size="4"><br> 
<input type="SUBMIT" value="Cauta" > 
<input type="RESET" value="Reset" > 
</td> 
</table> 
</form> </html> 


Elementul esenţial al fişierului HTML anterior, este obiectul HTML <form 
action="POST” ..., având rolul de preluare de la tastatură a unor valori pentru cei doi 
parametrii (nume şi varsta - simplă coincidenţă faptul că numele lor este acelaşi cu 
al unor câmpuri ale tabelei bazei de date) şi pasarea lor spre scriptul PHP localizat 
de linia: 

action="http://localhost/ex2.php" 

intreg conţinutul formularului <form... > ...</form> a fost plasat în celula 
unei tabele (având culoarea de background argintiu), fără a fi obligatorie această 
afişare tabelată (mai reuşită însă din punct de vedere al designului): 

<table border= 10 align=center BGCOLOR="Silver"> 

<td> 


</td> 

</table> 

Totuşi, nucleul esențialul a acestui fişier HTML este următorul (putându-se 
reduce doar la secvenţa următoare): 
<form method="POST"  action="http://localhost/ex2.php"> 

Nume: <input type="text" name="nume" size="10" ><br> 

Varsta: <input type="text" name="varsta" size="4" ><br> 

<input type="SUBMIT" value="Cauta" > 

<input type="RESET" value="Reset" > 
</form> 

Se pot remarca: 
- cele două tag-uri <input type="text"... care creează două casete pentru preluarea 
datelor (fig.2.4) în cele două variabile-parametru, nume şi varsta; 
- tag-ul <input type="SUBMIT"... care generează un buton, la apăsarea căruia 
valorile celor doi parametrii sunt trimise către fişierul PHP localizat prin adresa: 
action="http://localhost/ex2.php"; 
- tag-ul <input type="RESET"... care resetează valorile parametrilor şi anulează 
transmiterea lor; 


Observaţie: Referirea într-un script a unei alte pagini WEB (HTML PHP, etc.) se 
poate face, fie prin adresare directă (caz în care se precizează inclusiv calea 
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completă spre acea pagină, spre exemplu "http://localhost/ex2.php"), fie prin 
adresare relativă (fără a mai fi necesară calea completă spre pagina referită). În 
acest ultim caz, dacă scriptul apelant şi scriptul apelat/referit sunt în acelaşi 
director/locaţie, ajunge precizarea doar a numelui paginii apelate ("ex2.php"). 


4 Interogare cu parametrii - Microsoft Internet Explorer 


File Edit view Favorites Tools Help 


Q- O- |] A 7 Osh ferae d R- 2 


Address |£] http: //localhost/exCursPAIjex2.html v Eco Links > 


Interogare cu parametrii 


Nume: 
Varsta: | 


Fig. 2.4. Ecran interogare 


Codul PHP al fişierul realizând conectarea la baza de date şi interogarea 
tabelei table1 a bazei de date MySQL persoane este următorul (acest fişier primeşte 
de la scriptul HTML anterior prezentat, valorile parametrilor nume=valoare_tastata1, 
respectiv varsta= valoare_tastata2): 
<?php 
mysql_connect("localhost","root","parola") or die ("Nu se poate conecta la serverul 
MySQL"); 
mysql_select_db("persoane") or die("Nu se poate selecta baza de date"); 
echo"<br><br>"; 

//Preluarea cu metoda POST a parametrilor transmişi de către fişierul 
//HTML spre scriptul PHP (parametrul register_globals=ON în php.ini) 
$nume=$_POST['nume']; 

$varsta=$_POST['varsta']; 


// Interogare cu parametri 

$query=mysgl_query("select * from tablei where nume="$nume' and 
varsta=$varsta"); 

//Calculeaza nr. de înregistrări returnate prin interogare 
$nr_inreg= Omysgl_num_rows($query); 


if ($nr_inreg>0)4 
echo "<center>"; 
echo "S-au gasit " . $nr_inreg . " inregistrari"; 
echo"</center>"; 


//creează capul de tabel 

echo "<table border='2' align='center'>"; 
echo"<tr bgcolor='silver'>"; 
echo"<th>Nume</th>"; 
echo"<th>Varsta</th>"; 
echo"<th>Localitate</th>"; 
echo"</tr>"; 
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// Afişează înregistrările găsite în urma interogării 
// (se putea folosi şi mysql_fetch_array sau mysql_fetch_assoc 
// cu referiri ale elementelor de genul $row[O]sau $rowl[ nume'] etc.) 


while($row=mysqgl_fetch_row($query))4 
echo'"<tr>"; 
foreach ($row as $value)4 
echo "<td>$value</td>"; 


echo"</tr>"; 
} 
echo"</table>"; 
) 
else 
echo"<center>"; 
echo "Nu s-a gasit nici o inregistrare!!!"; 
echo"</center>"; > 
// închide conexiunea cu serverul MySQL 
mysql_close(); 
?> 
Rezultatul apelului acestui script cu parametri, şi implicit al interogării, este 
prezentat în fig.2.5. 


Z http://localhost/exCursPAl/ex2. php... 
File Edit view Favorites Tools Help > 


(€) Back ~ > [æ] aA A Ka ) Search x 


Address |4] http: //localhostjexCursPAI, ~] Go Links 


S-au sasit 1 inregistrari 
Nume Varsta Localitate 
ion 20 arad 


Fig. 2.5. Rezultatul interogării exacte parametrizate 


Faţă de exemplele prezentate în paragraful anterior, singura deosebire 
majoră apare în linia: 

$query=mysgl_query("select * from tablei where nume="$nume' and 
varsta=$varsta"); 
reprezentând o interogare  parametrizată. (variabilele $nume şi  $varsta, 
reprezentand valorile preluate de la tastatură şi transmise de fişierul HTML spre 
fişierul PHP apelat). 


b) Parolarea accesului 

În scriptul anterior, accesul la serverul MySQL se face prin precizarea 
explicită a parolei direct în cod. În unele situaţii, din motive de restricţionare a 
accesului, acest lucru nu este însă de dorit. Parolarea accesului, în exemplul de faţă, 
se poate face prin transmiterea parolei ca un parametru de intrare, introdus de la 
tastatură odată cu ceilalţi parametrii (aferenţi interogării - fig. 2.6). 
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A interogare cu parametrii - Microsoft Internet ... EBS) 
Ax 


File Edit view Favorites  Iools Help 


Q x ~ A [2] E | JP sean 


Address |Æ] http: //localhost/exCursPAIjex2Parola.hi Go 


Interogare cu 
parametrii 


Parola: 
Date de interogare: 
Nume: 


Varsta: 


Fig.2.6. Ecran de conectare şi interogare 


În acest sens, în fişierul care implementează formularul de introducere a 
parametrilor de intrare se adaugă codul următor (practic un input suplimentar) 
pentru preluarea de la tastatură a parolei (fig. 2.6): 

Parola: <input type="password" name="parola" size="15"> 

<br> 

<h4>Date de interogare: </h4> <br> 

In acest caz, suplimentar în scriptul PHP propriu-zis pot apare următoarele 
completări de cod (verificând reuşita sau nereuşita conectării la serverul MySQL): 
<?php 
//Preluarea cu metoda POST a parametrilor transmişi de către fişierul 
// HTML, scriptului PHP 
$parola=$_POST['parola']; 
$nume=$_POST['nume']; 
$varsta=$_POST['varsta']; 


// Conectare cu parolă ca parametru 
$con = mysqgl_connect("localhost","root",$parola); 
// Returnare într-o variabilă a unui mesaj (string) de eroare, 
// dacă apare o eroare la conectare ->mesaj 
$var=mysql_error(); 
if (|$con)4 // Verifică reuşita conectării 
echo "<br><h3>".$var."</n3> <br>"; 
//afişează mesaj eroare (fig. 2.7) 
echo "<hl><center> Parola este incorecta!</center> 
</h1>"; 
? 
else 4. . : 5 
// continuare program 
) 
?> 
Dacă serverul MySQL dispune de un cont utilizator fără nume de user şi 
password, comanda mysql_connect (din exemplul anterior) este de forma: 
mysql_connect("localhost"," "," "); 
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E] http://localhost/exCursPAl/ex2Parola.php - Microsoft Internet... DAR) 


File Edit View Favorites Tools Help 


Q ax = [x] [2] E Peach g Favorites £ 


Address |Æ] httpij/localhostexCursPAIex2Parola:php_ EADP E 


Warning: mysql_connect() [function.mysql-connect]: 
Access denied for user 'root'@'localhost' (using 
password: NO) in C:\Program 
Files\wamp\wwwiexCursPADex2Parola.php on 
line 6 


Access denied for user 
'root'@'localhost' (using password: NO) 


Parola este incorecta! 


Fig. 2.7 Parolă incorectă 


În exemplul anterior, fiind vorba de o conexiune securizată (printr-o parolă) 
la un server de baze de date MySQL, parola user-ului utilizat este stocată implicit 
criptat pe server (în tabela user a bazei de date speciale mysql). Dacă însă, aplicația 
Web în sine implică conturi de acces direct la ea (şi nu la serverul de baze de date 
protejat implicit prin useri / parole propri), este necesară definirea unor useri proprii 
aplicaţiei, împreună cu parolele lor aferente (stocate într-o tabelă a aplicaţiei creată 
special pentru acest scop). Fiind vorba de stocarea unor informaţii vitale pentru 
securizarea aplicaţiei (parole de acces), în mod normal acestea sunt salvate criptat 
în baza de date. Deci, la crearea acestor conturi de acces user/parolă, anterior 
salvării lor în baza de date, parolele trebuie generate criptat. PHP pune la dispoziţie 
mai multe funcţii destinate criptării informaţiei (md5, hash, sha1, etc.), iar pentru 
exemplificare în paragraful de faţă se prezintă un caz de utilizare al funcţiei md5. 
În primul rând trebuie generată valoare criptată a parolei dorite: 

$parola='clar33'; 

$parola=md5($parola); 

echo ‘Valoarea criptata -32 caractere: "'.$parola; 

Rezultatul afişat pe ecran este: 

Valoarea criptata - 32 caractere: e3e99e29de40ee1c050132e2eb28d4d6 

Acest string de 32 de caractere reprezintă parola criptată, fiind salvat în 
baza de date.Presupunând parola introdusă de la tastatură prin intermediul unei 
casete INPUT, a unui formular POST, şi transmisă prin variabila parametru 
$_POST['parola'], verificarea corectitudinii ei se face criptând conţinutul ei (introdus 
de la tastatură) şi comparându-l cu conţinutul parolei criptate memorat în baza de 
date. Altfel spus, nu se face o comparare a unui string decriptat cu alt string 
decriptat, neputându-se vorbi de decriptare în cazul algoritmului md5. Paşii de 
parcurs pentru verificarea unei parole ar fi: 

- citire parola de la tastatură -> $_POST['citita”] 

- extragere parolă criptată (din baza de date) -> $criptat 

- comparare conţinuturi criptate: 

if ($criptat==md5($_POST['citita']) 4...cod...) 


c) Interogare cu căutare aproximativă 
Singura modificare din script apare în linia de specificare a interogării SQL 
efective (de remarcat folosirea în comanda de interogare a ghilimelelor pentru 
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încadrarea variabilelor al căror conţinut este interpretat ca un string/şir de 
caractere, respectiv lipsa acestor ghilimele în cazul variabelelor conţinând valori 
numerice): 

$query =mysql_query("SELECT * FROM tablei where nume>'$nume' and 
varsta>=$varsta"); 

Rezultatele pot fi următoarele: 

- dacă în caseta INPUT corespunzatoare numelui nu se introduce nici o 
valoare, iar în cea corespunzatoare vârstei se introduce valoarea 0, vor fi afişate 
toate înregistrările bazei de date; 

- dacă se introduce un şir de caractere pentru nume, iar dacă în caseta 
INPUT corespunzatoare varstei se intoduce valoarea 0, se vor afişa toate 
înregistrările pentru care numele sunt superioare alfabetic primului caracter din şirul 
de caractere introdus; 


d) Interogare cu ignorarea parametrilor necompletaţi 

În acest caz este necesară următoarea modificare în script-ul PHP, în linia de 
interogare efectivă ($query=mysql_query(...)), folosindu-se următoarea secvenţă: 
// dacă nu s-a introdus nici un nume şi nici o varsta 
// (se foloseşte operatorul = = pentru comparare) 
if ($nume=="and $varsta ==") 
$query =mysql_query("SELECT * FROM table"); 


// dacă s-a introdus doar un nume (operatorul !== înseamnă diferit de...) 
if ($nume!=="and $varsta ==") 
$query =mysql_query("SELECT * FROM tablei where nume='"$nume”); 


// dacă s-a introdus o varsta 
if ($nume=="and $varsta !==") 
$query =mysql_query("SELECT * FROM table1 where varsta= $varsta"); 


//// dacă s-a introdus atât un nume cât şi o varsta 

if ($nume!=="and $varsta !==") 

$query =mysql_query("SELECT * FROM tablei where nume= '$nume' and 
varsta=$varsta"); 


e) Construcţia dinamică a string-ului de interogare SQL 

Analizând scriptul PHP precedent, se poate constata că, pentru 2 parametri 
de căutare, numărul de combinaţii ale string-lui implementând comanda SQL de 
interogare, presupunând o completare parţială a criteriilor de filtrare (unele casete 


neconţinând date), este de 27 =4, iar prin extrapolare, pentru 3 parametri 2% =8 


şi aşa mai departe crescând exponențial (pentru n parametri ajungând la 2"). 
Structura de cod anterioară nu prezintă o alternativă viabilă pentru cazul unui 
număr mare de parametri (INPUT), consideraţi ca date de intrare după care se face 
interogarea tabelei, în contextul în care doar o parte dintre ei sunt cunoscuţi/folosiţi 
(şi deci, aleatoriu, o serie de casete de intrare nu vor conţine date). 

Soluţia în acest caz o constituie construcţia dinamică a unui singur string 
generalizat de interogare, valabil pentru n parametri aferenţi clauzei WHERE. 
Tehnica propusă implică o verificare succesivă a conţinutului fiecarei casete 
(parametru) de intrare, respectiv concatenarea sau nu, la un string iniţial SQL, a 
câte unei condiţii suplimentare de filtrare. Astfel, string-ul SQL se generează 
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interactiv, dinamic, crescând prin concatenări succesive de condiţii suplimentare 
(substring-uri), iar numărul de verificări ale completării cu date pentru n casete de 


intrare se reduce rezonabil faţă de soluţia anterioară, scăzând la 2” la n. 

Un exemplu concret este prezentat pentru cazul a 4 parametri de intrare şi 
interogare ($pl, $p2, $p3, $p4), mai mult sau mai puţin cunoscuţi, folosiţi pentru 
condiţionarea interogării unei tabele TEST cu 4 coloane (prima de tip numeric, 
respectiv celelalte de tip caracter). In faza de testare a scriptului se recomandă o 
afişare a string-ului de interogare construit dinamic, pentru a permite o inspectare 
vizuală a lui în vedere detectarii unor eventuale erori de sintaxă (spaţii lipsă, spre 
exemplu). Secvența de cod implementând o posibilă contrucţie dinamică a string- 
ului comenzii SQL este următoarea: 
$interogare="select * from test where "; 

// verific primul parametru 

if empty($p1)) 

$interogare=$interogare."cl=$pl and "; 

// verific al 2-lea parametru 

if (empty($p2)) 

$interogare=$interogare."c2="$p2' and "; 

// verific al 3-lea parametru 

if (empty($p3)) 

$interogare=$interogare."c3="$p3' and "; 

// verific al 4-lea parametru 

if (empty($p4)) 

$interogare=$interogare."c4="$p4' and "; 

// adaug condiţie finală pentru sintaxă validă comandă SQL 
$interogare=$interogare."c1>0"; 

echo $interogare; //afişez string SQL pentru inspecţie vizuală 

Prima linie generează suportul de bază al comenzii SQL, la acest string fiind 
concatenate dinamic construcţii suplimentare. Pentru fiecare parametru conţinând 
date, un substring suplimentar este concatenat string-ului de bază. O problemă de 
finalizare a construcţiei string-ului de interogare apare în situaţia în care nici un 
parametru nu conţine date, iar soluţia adoptată constă în finalizarea tot timpul a 
string-ului SQL prin concatenarea unei condiţii statice, permanent îndeplinite (în 
cazul de faţă, c1>0, presupunând coloana ci cheie primară, spre exemplu). Un 
asemenea artificiu rezolvă şi problema "lipirii” de operatorul logic AND (încheind 
fiecare substring condiţional aferent unui parametru non-vid), a unei condiţii 
necesare doar sintactic, dar fără nici o influenţă asupra rezultatului interogării. Iată 
şi câteva exemple de string-uri de interogare generate astfel, în contextul 
exemplului considerat: 

- toţi parametri de intrare completaţi cu date: 
select * from test where c1=2 and c2='ion' and c3='ing' and c4='da' and c1>0 

- doar primul parametru nenul: 
select * from test where c1=2 and c1>0 

- toţi parametri de intrare nuli: 
select * from test where c1>0 

Evident există şi alte soluţii de construcţie dinamică a string-ului de 
interogare, dar din punct de vedere al minimizări numărului de verificări efectuate 
prin secvenţe IF, algoritmul propus este optim. Astfel, o soluţie alternativă poate 
aborda problema printr-o construcţie iniţială a stringului integrând din start condiţia 
permanent îndeplinită (doar din considerente de generare a unei construcţii SQL 
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valide sintactic, indiferent de numărul de parametrii folosiţi pentru interogare), 

codul PHP fiind următorul: 

$interogare="select * from test where c1>0 "; 

if (lempty($p1)) 

$interogare=$interogare." and cl=$pl "; 

if (lempty($p2)) 

$interogare=$interogare." and c2='$p2'"; 

if (empty($p3)) 

$interogare=$interogare." and c3='$p3'"; 

if (empty($p4)) 

$interogare=$interogare." and c4='$p4'"; 

echo $interogare; //afişez string SQL pentru inspecţie vizuală 
Singurul dezavantaj al soluţiilor de genul celor anterior prezentate constă în 

faptul că, asupra tabelei bazei de date se aplică o clauză suplimentară de filtrare, 

fără nici o valoare practică (fiind permanent îndeplinită) şi având drept unic scop 

rezolvarea cât mai simplă a unei probleme de validitate sintatică a comenzii SQL 

generate dinamic. Dar simplitatea codul PHP necesar face să merite acest 

compromis. 


f) Parametri speciali (ca dimensiune sau conţinut) 

O situaţie specială de interogare o constituie şi cea în care, interogarea se 
face după o cheie mai lungă, spre exemplu, un set de cuvinte, grupate toate într-un 
acelaşi câmp/casetă şi transmise (toate) ca un singur parametru. Un formular 
de tip FORM poate conţine în acest caz o casetă INPUT (având atributul type="text”, 
implicit de altfel), fie o casetă de tip “TEXTAREA”. Pentru exemplificare, în cadrul 
formularului următor, o casetă de tip TEXTAREA permite scrierea unei informaţii pe 
3 rânduri şi 10 coloane (fiind vorba de o formatare a modului de afişare pe ecran a 
informaţiei, şi nu de o limitare a cantităţii de informaţie): 
<form action="unu.php" method="get"> 
Detalii: <textarea name="detalii" cols="10" rows="3"></textarea> 
<input type="submit" value="GO" /> 
</form> 

Evident că utilizarea unei casete TEXTAREA este necesară doar în situaţia 
unui volum mare de informatie (mai multe linii de text, spre exemplu). Dacă nu este 
vorba de o astfel de situaţie, se poate folosi o simplă casetă INPUT, permiţând 
scrierea pe o singură linie. 

Transferul valorii unui astfel de parametru citit într-o casetă TEXTAREA ridică 
câteva probleme. Acestea se datorează faptului că, conţinutul parametrului poate 
include spaţii, coduri de sfârşit de linie sau alte caractere speciale, care nu sunt 
permise într-un string primit ca parametru de către un script. Aceste caractere 
speciale trebuie convertite în coduri speciale specifice parametrizării apelului unei 
pagini Web. 

Se consideră următorul exemplu de apel (printr-un link) al unui script 
intitulat "newpage.php”, care primeşte ca parametru de intrare conţinutul variabilei 
$detalii, al cărei conţinut a fost completat printr-un formular de genul celui anterior 
prezentat (conţinând TEXTAREA). Se presupune că variabila $detalii conţine 
valoarea "Exemplu de folosire a tag-ului Div”, incluzând mai multe spaţii, care nu 
sunt permise într-un string de interogare, trimis explicit ca parametru de intrare 
spre un script, prin intermediul unui link. Convertirea acestor spaţii într-un cod 
special acceptat într-un astfel de apel, implică folosirea unei funcţii PHP speciale, şi 
anume urlencode(). Iată codul aferent unui mod corect de apel cu transfer al unui 
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astfel de parametru (cod inclus în cadrul script-ului unu.php, care primeşte 
parametrul de intrare $detalii de la formularul anterior): 
<a href="newpage.php?detalii= <?php echo(urlencode($detalii)); ?>"> 
O legatura parametrizata</a> 

Se poate observa o includere de cod PHP în mijlocul unei etichete HTML. O 
formă şi mai simplă de apelare, similară ca efect cu cea anterioară, este 
următoarea: 
<a href="newpage.php?detalii=<?=urlencode($detalii)?>"> 
O legatura parametrizata </a> 


În ambele cazuri, funcţia urlencode() preia caracterele speciale (spre 

exemplu, spaţiile) dintr-un string pasat ca parametru şi le converteşte în coduri 
speciale necesare şi acceptate în cadrul unui apel parametrizat al unei pagini Web. 
Pentru cazul unei valori particulare: $detalii="Exemplu de folosire a tag-ului Div”, 
această funcţie converteşte acest conţinut într-un string de forma "Exemplu+de+ 
folosire+a+tag-ului+Div”, acceptat ca parametru valid. După apelul scriptului cu 
parametrul astfel codat, PHP realizează automat conversia inversă (în cadrul 
scriptului apelat -newpage.php-), la valoarea inițiala, în momentul utilizării variabilei 
$detalii. 
Observaţie: Funcţia urlencode() se foloseşte doar în cadrul unei pasări de parametrii 
direct printr-un hyperlink explicit (href, evident folosind metoda GET), nefiind 
necesară utilizarea ei explicită dacă transmiterea parametrilor se face prin 
intermediul unui formular FORM (codarea făcându-se în acest caz automat). Cu alte 
cuvinte, un formular FORM interpretează adecvat un string conţinând caractere 
speciale sau spaţii şi-l transmite mai departe ca parametru, în formatul adecvat 
(nefiind nevoie se utilizarea explicită a funcţiilor urlencode sau urldecode) 

În situaţia în care se doreşte afişarea unui volum compact mai mare de 
informaţii (preluată, spre exemplu, dintr-un câmp de tip TEXT al unei tabele 
MySQL), este necesară uneori o formatare a acesteia. Figura 2.8 prezintă afişarea 
unei informaţii neformatate (liniile întinzându-se pe toată lăţimea ecranului, iar dacă 
ar depăşi-o, ar apare bara de scroll orizontal pentru fereastră). 


Mozilla Firefox 
File Edit view History Bookmarks Tools Help 


e X X el Aj [|] http://localhostjroatjtest.php?detal | ¥ | | 
Ç Getting Started Q Latest Headlines 


S-au gasit 3 inregistrari 


fia] detalii 
1 [ezemplu de folosire a tag-ului div html - formatare text de dimensiuni mari 


2 [exemplu de formatare cu etichetai Div html - formatare text de dimensiuni mari 


3 Exemplu de folosire a tag-ului div 


Fig. 2.8. Afişare informaţie neformatată (nowrap) 


O soluţie simplă de rezolvare presupune utilizarea etichetei DIV cu 
parametrii aferenţi setaţi corespunzător. Astfel, dacă în celulele aferente coloanei 
detalii a tabelului din figura 2.8 se foloseşte o construcţie de genul: 
<td><div  style='height:  100px;width: 330px; overflow:  auto'>....continutul 
coloanei/variabila... </div> </td>, 
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rezultatul formatării este prezentat în figura 2.9, observându-se o îmbunătaţire 
evidentă a design-ului. 


Mozilla Firefox 


File Edit view History 


e - - @ A [O http, 


E Getting Started QA Latest Headlines 
S-au gasit 3 inregistrari 
lid | detalii 
exemplu de folosire a ^ 
tag-ului div html - 
formatare text de 


Aina man missan ann man 


exemplu de formatare ^ 
cu etichetai Div html - - 
formatare text de 


diana man mirsani ann man 


Ezemplu de folosire a 
tag-ului div 


Ooo i 


Fig. 2.9. Afişare informatie formatată cu eticheta DIV 


2.4.5. Adăugare într-o tabelă a bazei de date 


Şi în cazul operaţiei de adăugare a unei noi linii într-o tablelă a unei baze de 
date MySQL este necesară utilizarea unui fişier HTML pentru transmiterea spre 
scriptul PHP propriu-zis a valorilor corespunzătoare liniei care va fi adăugată în 
tabelă: 
<html> 
<title>Adaugare</title> 
<center> <head> <H1 >Adaugare</H1> </head>=</center> 


<form method="POST" action="http://localhost/ex3.php"> 
<table border=10 align=center BGCOLOR="Silver"> 
<td> 


// &nbsp: realizează introducerea unor spații suplimentare de formatare a 
//afişării tag-ul <strong> bold-uieşte textul încadrat 

<strong>Nr: </strong>&nbsp; &nbsp; &nbsp;&nbsp;&nbsp; &nbsp; &nbsp; â&nbsp 
<input type="text" name="nr" size="4" ><br> 


<strong> Nume: </strong> &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; 
&ânbsp;&nbsp;&nbsp 
<input type="text" name="nume" size="10" ><br> 
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<strong> Varsta: </strong>&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; 
&nbsp;&nbsp;&nbsp 
<input type="text" name="varsta" size="4" ><br> 


<strong> Localitate: </strong> &nbsp; &nbsp 
<input type="text" name="localitate" size="10" ><br> 


<center> 

<input type="SUBMIT" value="Adauga" > 
<input type="RESET" value="Reset" > 
</center> 

</td> 

</table> 

</form> 

</html> 


Acest fişier HTML permite (în cazul de faţă) transmiterea valorilor a patru 
parametrii (nr, nume, varsta, localitate - cu valori introduse de la tastatură) aferenţi 
datelor necesare construcției unei noi linii care va fi adăugată în tabela bazei de date 
(s-a presupus existența unei tabele similare cu cea folosită în exemplele anterioare, 
dar având în plus câmpul NR, cu valori unice pentru fiecare articol, deci definit ca 
PRIMARY KEY). 

Scriptul PHP spre care sunt transmise valorile parametrilor şi care va realiza 
adăugarea propriu-zisă în tabela bazei de date are următorul cod: 
<?php mysgl_connect("localhost","root","parola") or die ("Nu se poate conecta la 
serverul MySQL"); 


mysql_select_db("persoane") or die("Nu se poate selecta baza de date"); 


$nr=$_POST['nr']; 
$nume=$_POST['nume']; 
$varsta=$_POST['varsta']; 
$localitate=$_POST['localitate']; 


// adăugare parametrizată 
$query=mysql_query("insert into tablei 
values($nr,'$nume',$varsta,'$localitate')"); 


echo "Inserare reusita!!!"; 


// selectarea şi afişarea doar a înregistrării /liniei nou adăugate 
$query=mysgl_query("select * from tablei where nr=$nr"); 


//calculează nr. de înregistrări returnate prin interogare 
$nr_inreg= Omysgl_num_rows($query); 


if ($nr_inreg>0)4 
echo "<center>"; 
echo "S-au gasit " . $nr_inreg . " inregistrari"; 
echo"</center>"; 
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echo "<table border='2' align='center'>"; 


$coln=mysqgl_num_fields($query); //nr. de campuri 
echo"<tr bgcolor='silver'>"; 


// realizare automată a capului de tabel (conţinând toate câmpurile) 
for ($i=0; $i<$coln; $i++)4 
//numele câmpurilor ca şi cap de tabel 
$var=mysql_field_name($query,$i); 
echo "<th> $var </th>"; 


echo"</tr>"; 


// afişează înregistrările găsite în urma interogarii 
while($row=mysql_fetch_row($query))4 
echo"<tr>"; 
foreach ($row as $value)4 
echo "<td>$value</td>"; 


echo"</tr>"; 


echo"</table>"; 
) 
else 
echo"<center>"; 
echo "Nu s-a gasit nici o inregistrare!!!"; 
echo"</center>"; 
) 
mysql_close(); 
?> 
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Fig. 2.10 Confirmare adăugare 


Rezultatul vizibil pe ecran, produs în urma execuției comenzii SQL de afişare 
SELECT... este prezentat în fig. 2.10. Comanda INSERT nu generează un rezultat 
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vizibil pe ecran, mai precis nu va returna eventuale date care ar putea fi afişate, cel 
mult apărând un mesaj de eroare dacă operaţia de adăugare nu poate fi executată. 


Observaţie: În locul unei comenzi mysg/_query("SELECT...) compacte, se poate scrie 
echivalent: 
//string de interogare memorat într-o variabilă 
$com= 'select * from table1”; 
$query=mysgl_query($com); //interogare 
Soluţia este recomandată mai ales în cazul construcţiei dinamice a string-ului 
de interogare, permiţând o eventuală afişare şi inspectare vizuală a acestuia. 


2.4.6. Ştergere cu confirmare dintr-o tabelă a bazei de date 


Ştergerea unor articole/linii dintr-o tabelă a unei baze de date (ştergere 
presupusă a fi cu o confirmare prealabilă) implică două operaţii: 
- realizarea unei interogări a bazei de date (pe baza unor parametri de intrare 
pentru interogare) şi afişarea înregistrărilor găsite, care vor fi şterse, 
- respectiv, confirmarea (sau anularea) ştergerii efective, pe baza informaţiilor 
anterior afişate în urma interogării. 

Fişierul HTML (ex4.html) pentru realizarea unei interogări a tabelei în 
vederea ştergerii (interogare făcută cu un singur parametru -nume- introdus de la 
tastatură) este detaliat în listingul următor (având rezultatul prezentat în fig. 2.11): 


F Stergere - Microsoft In... DER) 


File Edit view Favorites Ic ? 
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Fig. 2.11 Pagină HTML pentru ştergere selectivă 


<html> 

<title>Stergere</title> 

<center> <head><H1>Stergere</H1></head> </center> 
<form method="POST" action="http://localhost/ex4.php"> 
<table border=20 bordercolor="red" align=center BGCOLOR="Gold"> 
<td> 

Nume: <input type="text" name="nume" size="10" ><br> 
<center> 

<input type="SUBMIT" value="Sterge" > 

<input type="RESET" value="Anulare" > 

</center> 
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</td> 
</table> 
</form> 
</html> 

Fişierul PHP pentru interogarea prealabilă ştergerii (cu rolul: “găseşte şi 
vizualizează ce se doreşte a fi şters”), este prezentat în continuare (acest fişier 
primind ca parametru de intrare valoarea pasată spre el de către scriptul HTML 
anterior): 
<?php 
mysql_connect("localhost","root","parola") or die ("Nu se poate conecta la serverul 
MySQL"); 
mysql_select_db("persoane") or die("Nu se poate selecta baza de date"); 


// transfer valoare parametru într-o variabilă internă 
$nume=$_POST['nume']; 


// căutare după câmpul nume a înregistrărilor care vor fi şterse 
$query=mysgl_query("select * from tablei where nume="'$nume”); 
//calculează nr. de înregistrări returnate prin interogare 
$nr_inreg= Omysgl_num_rows($query); 


if ($nr_inreg>0)4 
echo "<center>"; 
echo "S-au gasit " . $nr_inreg . " inregistrari"; 
echo"</center>"; 


// creare tabel pentru afişare rezultate 
echo "<table border='2' align='center'>"; 
//numărare câmpuri 
$coln=mysqgl_num_fields($query); 
echo"<tr bgcolor='silver'">"; 

// realizare automată a capului de tabel (conţinând toate câmpurile) 
for ($i=0; $i<$coln; $i++)4 

//numele câmpurilor ca şi cap de tabel 

$var=mysgl_field_name($query,$i); 

echo "<th> $var </th>"; 
? 


echo"</tr>"; 
// extragere informaţii şi afişare 
while (list ($nr,$nume,$varsta,$localitate) = 
mysql_fetch_row($query))4 
print (" <tr>\n". 

" <td>$nr</td>\n". 

" <td>$nume</td>\n". 

" <td>$varsta</td>\n". 

" <td>$localitate</td>n". 

" </tr>\n"); 
) 


echo"</table>"; 


// Apelarea scriptului de ştergere efectivă /anulare (cu transmitere mai 
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// departe a parametrilor de intrare, în cazul de faţă 'nume” după care 
// se face căutarea) 

echo '<form method="POST" 

action="http://localhost/ex44.php">; 


// “pasare”, transmitere mai departe a parametrului nume ($nume) 
// sub numele ' nume1' 
// Atenţie la ordinea şi tipul ghilimelelor ` sau "! 
echo ‘<input type="hidden" name="numeL" 
value='.$_POST['nume'].'>; 
echo ‘<input type="SUBMIT" value="Stergere efectiva 
sa 
echo '<br>'; 
echo '</form>'; 
// link pt. revenire la pagina de start şi anulare ştergere 
echo ‘<a HREF="http://localhost/ex4.html"> 
Renunt si revin...</a>; 
> 
else 
die("Nu gasesc nici o inregistrare ..."); 
mysql_close(); 
?> 


Pentru afisarea rezultatelor obținute în urma interogarii, anterior s-a folosit 
comanda PHP /ist( ), care permite asignarea de valori unei liste de variabile 
(asemănătoare practic unui şir), printr-o singură operaţie, valorile asignate fiind cele 
extrase cu ajutorul functiei mysql_fetch_row(). După cum se poate vedea şi în fig. 
2.12, fişierul PHP anterior prezentat, realizează, într-o primă etapă, o simplă 
interogare a tabelei bazei de date, cu afişarea rezultatelor pe ecran. 


4 http://localhost/exCursPAl/ex4.php - Micros... DER) 
ar 
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Fig. 2.12. Confirmare ştergere 


Ceea ce conferă posibilitatea luării deciziei de ştergere a articolelor astfel 
vizualizate se realizează prin partea de cod inclusă în bucla if (verificând numărul de 
linii găsite), constând practic într-un formular HTML <form...>. Această parte este 
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următoarea (PHP 'trimiţând” practic spre ecran un script HTML folosind comanda 
echo) : 

echo ‘<form method="POST" action="http://localhost/ex44.php">'; 

echo ‘<input type="hidden" name="numel" value=" .$_POST['nume']. '>'; 

echo ‘<input type="SUBMIT" value="Stergere efectiva! 

" >: 
echo '<br>'; 

echo '</form>'; 

Secvența de cod prezentată, transmite valoarea parametrului de interogare, 
memorată în variabila $nume (utilizat aici pentru o simplă afişare cu SELECT), spre 
un alt parametru (nume1) care va fi pasat spre fişierul PHP de ştergere efectivă. Se 
remarcă în acest caz, tipul type="hidden" utilizat pentru caseta de transfer a 
parametrului, care face această casetă invizibilă pentru utilizator. 

Fişierul pentru ştergere efectivă are în acest caz o structură extrem de 
simplă: 
<?php 
mysql_connect("localhost","root","parola") or die ("Nu se poate conecta la serverul 
MySQL"); 
mysql_select_db("persoane") or die("Nu se poate selecta baza de date"); 
$numel=$_POST['nume1'] or die("Comanda esuata!"); 

// ştergere efectivă 

$query =mysql_query("DELETE FROM tablel where nume=`$nume1""); 
echo "OK, am sters."; 

mysql_close (); 

?> 


2.4.7. Modificarea unei linii dintr-o tabelă a bazei de date 


Modul de modificare a unei înregistrări/linii dintr-o tabelă a unei baze de 
date (cu vizualizarea liniei care se modifică) presupune următoarele etape: 

- o operaţie de căutare parametrizată a înregistrării care se doreşte a fi modificată şi 
o afişare a ei; 
- modificarea efectivă (folosind afişarea realizată). 

Fişierul pentru transmiterea parametrilor de căutare a înregistrării care se 
doreşte a fi modificată (căutarea făcându-se după doi parametrii - vezi fig. 2.13) 
este următorul: 
<html> 
<title>Cautare pentru modificare </title> 
<center> <head><H1>Cautare pentru modificare</H1></head> </center> 
<form method="POST" action="http://localhost/ex5.php"> 
<table border=10 align=center BGCOLOR="Silver"> 
<td> 
Nume: <input type="text" name="nume" size="10" ><br> 
Virsta: <input type="text" name="virsta" size="4" ><br> 
<input type="SUBMIT" value="Cauta" > 
<input type="RESET" value="Reset" > 
</td> 
</table> 
</form> 
</html> 
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Fig. 2.13. Căutare pentru modificare (practic o simplă căutare) 


Fişierul pentru interogare în vederea modificării are următorul cod: 
<?php 
mysql_connect("localhost","root","parola") or die ("Nu se poate conecta la serverul 
MySQL"); 
mysql_select_db("persoane") or die("Nu se poate selecta baza de date"); 
$nume=$_POST['nume']; 
$varsta=$_POST['varsta']; 


// căutarea înregistrării care va fi modificată 
$query=mysgl_query("select * from tablei where nume='$nume' and 
varsta=$varsta"); 


$nr_inreg= Omysgl_num_rows($query); 


if ($nr_inreg>0)4 
echo "<center>"; 
echo "S-au gasit " . $nr_inreg . " inregistrari"; 
echo"</center>"; 


echo "<table border='2' align='center'>"; 
echo"<tr bgcolor='silver'>"; 
$coln=mysqgl_num_fields($query); 


for ($i=0; $i<$coln; $i++)4 
$var=mysql_field_name($query,$i); 
echo "<th> $var </th>"; 


echo"</tr>"; 


$nr_val=0; // contor indice array 
while ($row = mysgl_fetch_row($query))4 
echo'"<tr>"; 
foreach ($row as $value) 4 
echo "<td BGCOLOR="Yellow'> $value</td>"; 
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// memorare într-un şir (array) a datelor din articolul găsit 
$nr_val++; 
$sir[$nr_val]=$value; 


} 
) 


echo "</table>"; 


echo "</tr>"; 


// Rezolvarea este valabilă pentru o singură înregistrare găsită 
// Pentru mai multe înregistrări găsite, modificările efectuate se aplică 
//asupra tuturor liniilor care corespund căutării 

echo '<br><hr>'; // trasarea grafică a unei linii 


// apel script pentru modificarea efectivă 
echo ‘<form method="POST" action="http://localhost/ex55.php">'; 


// transfer (ascuns) spre script a parametrilor de căutare 
echo '"<input type="hidden" name="nume2" value=".$sir[2].'>"; 
echo '"<input type="hidden" name="'varsta2" value=".$sir[3].'>'; 


// transfer spre script ca parametrii a datelor care pot fi modificate 
echo '<input type="text" name="nr1" 

value=".$sir[1].'>'; 

echo '<input type="text" name="numeL" value=".$sir[2].'>"; 

echo '<input type="text" name="varsta1" value=".$sir[3].'>'; 

echo ‘<input type="text" name="localitate1" value=".$sir[4].'>'; 


echo '<input type= "SUBMIT" value= "Modifica!" >`; 
echo "<br>"; 
echo '</form>; 


// link de revenire şi renunțare la modificare 
echo ‘<a HREF="http://localhost/ex5.html"> Renunţ şi revin...</a>'; 
} 
else 
die ("Nu gasesc nici o inregistrare ..."); 
mysql_close(); 
?> 


Rezultatul fişierului script PHP anterior, este prezentat în figura 2.14. Ceea 
ce aduce nou acest script PHP, pe lângă o simplă interogare (căutare cu SELECT) şi 
afişare a articolelor găsite pe ecran (tabelat), constă într-o afişare în casete editabile 
a datelor găsite, permiţându-se astfel şi o modificare a lor (vezi fig. 2.14). Cum se 


realizează acest lucru? 


În primul rând, în bucla foreach(...) încuibată în bucla while(...), apare o 


secvenţă de genul: 

//incrementare contor număr elemente 
$nr_val++; 

// memorare într-un şir (array) a datelor din articolul găsit 
$sir[$nr_val]=$value; 

care permite memorarea tuturor elementelor găsite într-un şir (arrary-ul $sir). 
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Fig. 2.14. Ecran pentru modificare 


Spre exemplu, în cazul de față (vezi fig. 2.14) s-a găsit un singur articol cu 
4 elemente, acestea memorându-se într-un şir având 4 elemente (cu indicii 1,2,3 şi 
4, deoarece contorul $nr_val a fost initializat pe O, dar este incrementat înainte de 
folosirea lui ca indice al unui element al șirului $sir). 

In al doilea rând, este utilizată secvența următoare: 
echo ‘<form method="POST" action="http://localhost/ex55.php">`; 
// Transfer (ascuns) spre script a parametrilor de căutare 
echo ‘<input type="hidden" name="nume2" value=".$sir[2].'>; 
echo ‘<input type="hidden" name="varsta2" value=".$sir[3].'>'; 


// Transfer spre script ca parametrii a datelor care pot fi modificate 
echo ‘<input type="text" name="nr1" 

value=".$sir[1].'>; 

echo ‘<input type="text" name="numel" value=".$sir[2].'>"; 

echo ‘<input type="text" name="varstal" value='.$sir[3].'>"; 

echo ‘<input type="text" name="localitatel" value=".$sir[4].'>; 


echo ‘<input type="SUBMIT" value="Modifica!" >`; 
echo '<br>'; 
echo '</form>'; 


Primele tag-uri <INPUT type="hidden” permit transferul spre fişierul script 
PHP care realizează modificarea efectivă a parametrilor iniţiali de interogare 
(memorati în primele două elemente ale array-ului $sir), acest lucru fiind necesar 
deoarece aceşti parametrii pot fi 'alteraţi'” în urma unei eventuale modificări permise 
în continuare, după cum se va vedea. 

Următoarele 4 tag-uri <INPUT type="text” permit afişarea (în casete care 
permit atât operaţii de citire cât şi de scriere) şi alterarea (modificarea) acestor 
patru parametrii, care vor substitui informaţia existentă în câmpurile articolului 
localizat (cu parametrii transmişi din primele două INPUT-uri invizibile utilizatorului). 
Cu alte cuvinte, această secvenţa transferă spre script-ul PHP de modificare efectivă 
şase parametrii: 
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- doi parametrii pentru localizarea articolului de modificat; 
- alți patru parametrii, pentru substituirea informaţiei din cele patru 
câmpuri ale articolului deja localizat. 

Fişierului PHP care realizează modificarea propriu-zisă, utilizând comanda 
SQL UPDATE, nu îi mai revine decât o sarcină banală: 
<?php 
mysql_connect("localhost","root","parola") or die ("Nu se poate conecta la serverul 
MySQL"); 
mysql_select_db("persoane") or die("Nu se poate selecta baza de date"); 

$nrl=$_POST[nr1']; 

$numel=$_POST['nume1']; 

$varstal=$_POST['varsta1']; 

$localitate1=$_POSTȚ[ 'localitate1”]; 
$nume2=$_POST['nume2']; 

$varsta2=$_POST['varsta2']; 
// Modificare efectivă 
$query =mysql_query("'update tablei set nr=$nr1,nume="$nume1', 
varsta=$varsta1,localitate="$localitate1' where nume="$nume2” and 
varsta=$varsta2") or die("Comanda esuata!"); 
// Afişare mesaj de eroare pentru date incorect introduse (dacă se 
doreşte) 
$var=mysql_error(); 
echo $var; 
echo "OK, am modificat!"; 
mysql_close (); 
?> 


2.4.8. Aplicație exemplu cu operații SQL multiple 


Se consideră baza de date MySQL angajati, conținând tabela salarii cu 
urmatoarele câmpuri: 
-id integer primary key; 
-nume varchar(14); 
-salar_brut float; 
-impozit float; 
-salar_net float; 
Se doreşte implementarea unei aplicaţii care: 
- foloseşte un prim fişier HTML (exempluFinal.html) prin intermediul căruia se preiau 
de la tastatura id-ul, numele şi salarul _brut al unui angajat, şi sunt transmise 
valorile acestor parametri catre un script PHP (exempluFinal.php). In cadrul 
scriptului PHP se efectueză urmatoarele operatii: 
- inserarea (adăugarea) în tabela salarii a informaţiilor primite (ca linie 
nouă); 
- realizarea unui update pe tabelă pentru calculul impozitului şi a salariului 
net al angajaţilor cu următoarele formule: 
- impozit=0. 16*salar_brut; 
- salar_net=salar_brut - impozit; 
- afişarea tuturor angajaţilor existenţi în tabelă. 
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Tabela MySQL (considerată a fi inclusă în baza de date angajati) a fost 

creată folosind comanda: 
CREATE TABLE salarii( 

id integer primary key, 

nume VARCHAR (14), 

salar_brut FLOAT, 

impozit FLOAT, 

salar_net FLOAT); 


 http://localhost/root/exempluFi... DAR 
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Fig. 2.15. Formular HTML pentru preluarea parametrilor de la tastatură 


Fişierul exempluFinal.html are următorul cod posibil (fig. 2.15): 
<html> 
<form method="POST" 
action="http://localhost/exempluFinal.php"> 
<table border= 10 align=center BGCOLOR="Silver"> 
<td> 
Id: <input type="text" name="id" size="4"><br> 
Nume: <input type="text" name="nume" size="10"><br> 


Salar_brut: <input type="text" name="salar_brut" 
size="4"><br> 


<input type="SUBMIT" value="Insert" > 
<input type="RESET" value="Reset" > 
</td> 

</table> 

</form> 

</html> 


Fişierul exempluFinal.php are codul următor (vezi şi fig.2.16): 
<?php 
mysql_connect("localhost”,“root”,” 
MySQL”); 


parola”) or die ("Nu se poate conecta la serverul 
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mysql_select_db("angajati”) or die("Nu se poate selecta 
baza de date”); 
echo”<br> <br>“; 
$id=$_POST['id ']; 
$nume=$_POST['nume ']; 
$salar_brut=$_POST['salar_brut ']; 


// COMENZI SQL SUCCESIVE 
$query=mysql_query("insert into salarii 
(id,nume,salar_brut) values($id,'$nume',$salar_brut) "); 


$query=mysqgl_query("'update salarii set 
impozit=0.16*salar_brut,salar_net=salar_brut-impozit where id=$id') or 
die("Comanda esuata!"); 

$query=mysql_query("'select * from salarii"); 


$nr_inreg= mysgl_num_rows($query); 
if ($nr_inreg>0)4 

echo "<center>"; 
echo "S-au gasit “` . $nr_inreg . " inregistrari”; 

echo”</center>"; 
// cap tabel 

echo "<table border='2' align='center'>"; 

$coln=mysql_num_fields($query); 
echo“<tr bgcolor='silver'>"; 

for ($i=0; $i<$coln; $i++)4 

$var=mysql_field_name($query,$i); 
echo “<th> $var </th>"; 


echo”</tr>"; 
// afişare date 
while($row=mysql_fetch_row($query))4 
echo“<tr>"; 
foreach ($row as $value)4 
echo "<td>$value</td>"; 
? 


echo”</tr>"; 


echo”</table>"; 
? 
else{ 
echo”“<center>"; 
echo "Nu s-a gasit nici o inregistrare!!!”; 
echo”</center>"; 


mysql_close(); ?> 
Rolul acestui exemplu este de a arăta că un fişier script PHP poate conţine 
oricâte comenzi SQL sunt necesare pentru îndeplinirea funcţionalităţilor dorite. Se 
poate observa de asemenea că, comenzi precum UPDATE (sau DELETE) pot fi uneori 
folosite pentru realizarea unor modificări/actualizări într-o tabelă, fără nici o 
confirmare prealabilă din partea utilizatorului. 
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E] http://localhost/root/exempluFinal... DE) 


Fie Edit view Favorites Tools Help Ar 
Address El http://localhost/roat/exen M Go Links ? 
Google |G- vo? (O settings -~ 


S-au gasit 4 inregistrari 
id nume salar brut impozit salar_net 
1 lana 1600 256 1344 
2 ion 1800 288 1512 
3 roxana |1600 256 1344 
4 andreea 2600 416 |2184 


€] Done €J Local RET 


Fig. 2.16. Afişarea înregistrărilor găsite 


Observatie: Pentru a determina numărul de linii returnate de o interogare 
SELECT se poate folosi funcţia mysq/_num_rows. Dacă se doreşte determinarea 
numarului de linii afectate de o comandă INSERT, DELETE sau UPDATE, funcţia 
funcţia corespunzătoare este mysql affected_rows. 


2.4.9. Interogare cu extragerea date dintr-o coloană BLOB 


O situaţie mai deosebită de operare cu baze de date MySQL o constituie 
interogarea cu extragerea unei imagini dintr-un câmp de tip BLOB (Binary Large 
OBject), respectiv afişarea acelei imagini. Se vor prezenta în continuare două soluţii 
care rezolvă această problemă. Un prim exemplu de script are următorul cod PHP: 
<?php 
// configurare MIME 
header("'Content-type: image/jpg"); 
$query="select imag from tabela2 where id=1"; 
mysql_connect("localhost", "root", "parola")or die ("nu gasesc serverul MySQL"); 
// print ("Connected successfully"); 

// o linie de genul celei anterioare este INTERZISA 

// NU SE REALIZEAZA NICI O ALTĂ IEŞIRE DE ALT TIP PE ECRAN 
mysql_select_db ("ioji")or die ("Nu gasesc baza"); 

$result = mysql_query($query); 

// Extragere rezultat (binar) 

$var=mysql_fetch_row($result); 

// Trecere de la tip şir la tip variabila 

$vari=$var[0]; 

print($var1); // sau direct, print($var[0]); 

?> 
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Esenţială în acest caz este linia prin care este setată specificaţia MIME 
(Multipurpose Internet Mail Extension) pentru afişarea unei imagine JPG. Aceasta 
însemnă că orice ieşire spre browser, va fi interpretată ca şi conţinut al unei imagini 
jpg, şi afişată corespunzător. După o astfel de setare, realizată la începutul 
scriptului, nu este permisă nici o altă ieşire (de un alt tip) spre afişare la browser. 
Exemplul prezentat presupune existenţa unui câmp ‘imagine’ de tip BLOB (sau 
LONGBLOB), într-o tabelă referită în program. 

Afişarea imaginii extrase din baza de date, se face printr-o simplă directare 
spre browser a conţinutului variabilei (print), în care este salvată (în format binary) 
imaginea propriu-zisă. 

În cazul (cel mai probabil) al unei interogări cu parametri, linia de interogare 
se modifică astfel: 

$query="select imagine from tabela2 where id=$id"; 

unde, $id este parametrul după care se face interogarea, iar id este un câmp 
identificator din tabelă. 

În cazul de faţă, valoarea parametrului $id se transmite, fie printr-un 
formular FORM, fie direct din linia de comandă a browser-ului, printr-un apel cu 
parametru, de forma (spre exemplu, pentru o cale dată şi un nume al fişierului 
script PHP imag1.php): 

http://localhost/imag1.php?id=1; 

Observaţie: Pentru a putea extrage date dintr-o coloană de tip BLOB, aceasta 
trebuie “umplută” anterior cu date binare. În MySQL inserarea de date BLOB într-o 
linie nouă se poate face fie direct printr-o comandă INSERT implicând utilizarea 
funcţiei speciale MySQL LOAD_FILE, fie printr-o comandă iniţială INSERT care crează 
linia nouă, eventual cu date pentru celelalte coloane (mai puţin cea de tip BLOB), 
urmată de o comandă UPDATE setând strict coloana BLOB (folosind de asemenea 
funcţia specială MySQL LOAD FILE). Pentru cazul de faţă, cele două cazuri 
rezolvând problema adăugării unei linii noi conţinând informaţie BLOB (o imagine) în 
coloana imag a unei tabele tabela2 sunt punctate în continuare: 

INSERT into tabela2 values(1, LOAD_FILE ("c: Wpoza.jpg")); 
sau 

INSERT into tabela2 (id) values(1); 

UPDATE tabela2 SET imag=LOAD_FILE("c:'poza.jpg") where id=1; 


Un al doilea exemplu script PHP, foloseşte un fişier imagine intermediar 

(temp 1.jpg) în care este extras conţinutul binar al câmpului BLOB: 

<?php 

$query="select imagine from tabela2 where id=2"; 

mysql_connect("localhost", "root", "parola") or die ("nu găsesc serverul MySQL"); 
mysql_select_db ("ioji") or die ("Nu găsesc baza"); 

$result = mysql_query($query); 
// Verifică dacă găseşte o astfel de înregistrare 

if (mysql_num_rows()>0) 

{ 
// mysql_num_rows() - returnează nr. de înregistrări găsite; 
$var=mysql_fetch_row($result); 

$vari=$var[0]; 


// Deschide un fişier pentru scriere în el 
$fp=fopen("temp1.jpg","wb"); 
// Scrie în fişier 


98 PHP-2 


fwrite($fp,$var1); 

fclose($fp); 

// Afişează conţinutul fişierului ca imagine 
echo '<image src="temp1.jpg">; 


) 

// Dacă nu găseşte nimic, şterge fişierul 

else 4 

unlink("TEMP1.JPG"); // sau delete("TEMP1.JPG"); 
> ?> 


În acest exemplu, se verifică totodată existenţa unei înregistrări care 
corespunde interogării realizate (structura if). Dacă se găseşte o astfel de 
înregistrare, se salvează conţinutul câmpului BLOB într-un fişier (cu extensia jpg), şi 
se afişează practic imaginea stocată de acest fişier. Pentru o nouă interogare 
reuşită, acest fişier va fi suprascris. In caz de interogare nereuşită, fişierul 
intermediar va fi şters (pentru a nu se afişa ultima imagine găsită). 

Verificarea găsirii unei înregistrări care corespunde condiţiei de interogare, 
este asigurată de funcţia: mysg/_num_rows(). Această funcţie returnează numărul 
de linii găsite de o comandă SQL SELECT. 

Observaţie: Asupra lucrului cu fişiere în PHP se va reveni într-un paragraf ulterior. 

Numărul funcţiilor PHP pentru lucrul cu baze de date MySQL este mult mai 
mare. Prin exemplele prezentate şi prin funcţiile specifice exemplificate, s-a dorit 
doar o simplă introducere în problematica lucrului cu astfel de baze de date. Pentru 
mai multe detalii, resursele bibliografice în domeniu sunt mai mult decât suficiente, 
în special cele oferite pe Internet. 


2.4.10. Apelul unei proceduri stocate 


Toate exemplele de operare cu MySQL din paragrafele anterioare au folosit 
ca mijloc de comunicare cu serverul de baze de date comenzi SQL standard 
(SELECT, INSERT, UPDATE, DELETE), pasate succesiv ca string-uri de caractere spre 
acesta şi executate în ordinea sosirii lor pe server. Eşecul uneia dintre comenzi (din 
diverse motive, spre exemplu încălcarea unei constrângeri), nu bloca execuţia 
celorlalte apeluri SQL (care puteau reuşi) astfel încât, la finalul execuţiei scriptului 
era posibil ca datele actualizate în baza de date să nu-şi mai păstreze consistenta şi 
valabilitatea logică. Dacă se pune problema unei operări tranzacţionale - ori se 
execută întregul set de comenzi SQL implicate în tranzacţie, ori, în caz de nereuşită 
a uneia, efectul şi al tuturor celorlalte este anulat - o soluţie elegantă o constituie 
apelul unei proceduri stocate. O procedură stocată poate conţine oricâte comenzi 
SQL, justificându-se crearea ei în cazul în care multiple operaţii distincte de 
actualizare (modificare/adăugare/ştergere) a datelor bazei de date sunt necesare şi 
se doreşte fie execuţia unitară a tuturor comenzilor, fie a nici uneia. Pentru simple 
interogări SELECT, care nu modifică date din tabele, nu sunt necesare apeluri de 
proceduri stocate, utilizarea unor comenzi clasice SELECT (chiar succesive) fiind 
soluţia normală. Codul proceduri stocate (comenzi SQL) este evident salvat pe 
serverul de baze de date. 

In continuare este prezentat modul în care din PHP poate fi realizat un apel 
de procedură stocată MySQL, aceasta asigurând la finalizarea execuţiei script-ului 
PHP caracterul tranzacţional al execuţiei unor seturi de comenzi SQL de actualizare a 
datelor din baza de date. Ca şi alte sisteme de gestiune a bazelor de date, MySQL 
oferă suport pentru procedurile stocate, evident cu câteva aspecte specifice lui. 
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Pentru exemplificare, fie o tabelă TESTUL, având 3 coloane de tip INT (c1, 
c2, c3). Se consideră o procedură stocată (numite TESTUL1), care adaugă 
parametrizat o linie nouă în tabelă (completând cu date doar coloanele c1 şi c2), 
apoi pentru linia nou introdusă calculează o valoare pentru coloana c3. La crearea 
procedurii stocate, deoarece în MySQL caracterul ; (punct şi virgulă) semnifică 
încheiere unei linii de cod (delimitator de linie), un alt caracter sau secvenţă de 
caractere trebuie definită şi utilizată pentru marcarea sfârşitului definiţiei procedurii 
stocate (urmând ca apoi să se revină la caracterul consacrat ;). Corpul procedurii 
astfel create (inclusiv comanda de ştergere prealabilă a ei dacă deja există, 
respectiv definițiile delimitatorilor necesari // şi ;) este următorul 

Drop procedure testi; 

Delimiter // 

Create procedure test1 (paraml int, param2 int) 

Begin 

Insert into testul (c1,c2) values(parami, param2); 

Update testull set c3=c1+c2 where cl=paraml; 

End; 

// 

Delimiter; 

Un apel al procedurii stocate (din cadrul clientului textual MySQL console), 
urmat de o afişare a tabelei pentru a verifica efectul ei, este prezentat în continuare: 

Call test1(101,101); 

Select * from testul; 

Pentru apelul din PHP al procedurii stocate (scriptul Web jucând rolul clientul 
apelant) se poate folosi secvenţa următoare de cod (presupunând o conexiune 
validă): 

$var=100; 

mysql_query("call testi($var,101)'") or die("Procedura esuata!"); 

echo ("Procedura executata!"); 

Observaţie: O soluţie simplă şi comoda pentru a nu mai scrie explicit şi repetat 
pentru fiecare pagină script a unei aplicatii Web a setului de comenzi de conectare la 
serverul de baze de date, respectiv selecţie a bazei de date, o constituie crearea 
unui script distinct de conectare, respectiv utilizarea comenzii PHP include() referind 
acest script de conectare. Fie scriptul de conectare conectare.php: 

<?php $server='localhost'; 

$user="root'; 

$passw="parola'; 

$db='"baza'; 
$con=mysqgl_connect ("$server', "$user", "$passw") or die ("Error connecting to 
mysql"); 
$dbf=mysql_select_db($db) or die ("Error connecting to DB"); ?> 

In fiecare script al aplicaţiei (site-ului) Web care necesită o conectare la 
serverul MySQL, înainte de realizarea unor operaţii SQL efective de interogare, se 
inserează linia următoare (asigurând conectarea la serverul de baze de date): 

include("conectare.php "); 


2.4.11. Prevenirea problemei SQL injection 


Una dintre problemele de securitate ale aplicaţiilor Web cu baze de date o 
constituie aşa numita problemă a injectării SQL (SQL Injection). Tehnica SQL 
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injection constă într-o integrare (interactivă, prin datele de intrare) a unor porţiuni 
suplimentare de cod SQL care permit o ataşare la interogările SQL a unor condiţii 
permanent îndeplinite, anulând astfel filtrele condiţionale de securizare. [20] Astfel, 
anumite combinaţii de condiţii ataşate string-ului SQL de interogare pot să conducă 
la o nouă comandă SQL validă, care anulează toate restricţiile vizând accesul la 
date, sau chiar conduc la crearea şi trimiterea spre serverul de baze de date a unor 
comenzi SQL cu cert potenţial distructiv. Ideea de bază a acestei tehnici constă în 
faptul că, în cadrul codului script, pe baza datelor de intrare (INPUT), pot fi create 
string-uri de comenzi SQL cu rol nedorit, maliţios, pasate spre serverul de baze de 
date şi executate necondiţionat de acesta. Aceste secvenţe ataşate codului SQL 
generat prin concatenări de string-uri, anulează condiţiile de filtrare ale comenzii şi 
transformă comanda SQL într-o nouă comandă, având o cu totul altă acţiune decât 
cea dorită. 

Din fericire, la ora actuală interpretoarele PHP de versiuni recente sunt 
setate (prin intermediul unor valori adecvate ale variabilelor interne de stare din 
fişierul de configurare php.ini) astfel încât să respingă din start aceste atacuri, 
interpretând anumite forme de string-uri ca secvenţe maliţioase şi generând. 
secvenţe SQL adecvate, anulându-le astfel potenţialul distructiv. 

Unul dintre principiile de bază ale unei injectări SQL poate fi descris succint 
de următorul mod de construcţie al string-ului de interogare: 

String_interogare="comandă_SQL_cu_conditii_logice'.' OR 
secventa_conditionala malitioasa', ultima secvenţă condiţională introdusă de la 
tastatură fiind tot timpul adevărată (iar condiţia logică OR face ca întreaga secvenţă 
condiţională să fie îndeplinită). 

Pentru o înţelegere a acestui tip de atac, se considera o exemplificare 
concretă. Fie tabelul TEST (MySQL) cu structura şi datele descrise în figura 2.17. 

De asemenea, se consideră o aplicaţie WEB care permite interogarea după 
coloanele CNP şi NUME, permiţând afişarea linie corespunzătoare datelor introduse, 
interesând afişarea informaţiei aferente coloanei PIN_SECRET. Aplicația necesită un 
formular HTML pentru introducerea datelor de interogare (CNP şi NUME), respectiv 
un script PHP de interogare efectivă: 

- Formular introducere date interogare: 
<form action="temp2.php" method="POST"> 
CNP---> <input name="paraml" size=13> <br> 
Nume--> <input name="param2" size=13> <br> 
<input type="Submit" Value="Cauta!"></form> 


- Script interogare (PHP): 
<?php 
$queryl=mysql_connect('localhost','root',”); 
mysql_select_db('test”); 
$param1=$_POST['param1']; 
$param2=$_POST['param2']; 
$query = "SELECT * FROM test WHERE cnp="$param1' and 
nume="$param2""; 
echo $query; 
$interoghez= mysql_query($query); 


print <table align=center BORDER="2">); 
print ("<tr>"); 
echo ‘<th BGCOLOR="Silver'>ID</th>; 
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echo ‘<th BGCOLOR="Silver'">CNP</th>"; 
echo '<th BGCOLOR="Silver'>PIN_SECRET=</th>; 
print ("</tr>"); 
while ($row = mysgl_fetch_row($interoghez)) 
{_ echo" <tr>\n"; 
foreach ($row as $value) 


echo "<td>$value</td>"; 


echo "</tr>"; 
}?> 


<a c:\wamp\mysqlibin\mysql.exe 


Type 'help;* or *Nh* for help. Type *Nc? to clear the buffer. 


mysql> use test; 
Database changed 
ib 


char(13) 
NUME varchar(28) 
IN_SECRET 


ata! azi 8) +--+ TATS 
s in set (0.00 sec? 


Fig.2.17. Structura şi date tabela TEST 


a) În scenariul considerat, ca primă exemplificare, se realizează o interogare 
cu parametri “normali” - presupunând introducerea de la tastatură a unor valori 
concrete pentru CNP, respectiv NUME. Figurile 2.18.a şi 2.18.b exemplifică o 
interogare care nu găseşte nici o linie adecvată (PIN_SECRET neregăsit), iar figurile 
2.18.c şi 2.18.d- o interogare reuşită (PIN_SECRET afişat). 


ZA SeaMonkey 
7 File Edit view Go Bookmarks Tools Window Help 


e. Ong. 


Back Reload Print 


Æ SeaMonkey. 
7 Fie Edit view Go Bookmarks Tools Window 


e2. 5 


Back Forward Reload 


E şi “Home  EZlBookmarks ® mozilla.org %% mozilazine ® mozdev.org > 
(Home EBookmarks %® mozilla.org ECE a a 


SELECT * FROM test WHERE cnp='12345' and nume='io' 
[ID |CNP [PIN_SECRET 


CNP--->112345 
Nume--->|io 


O 3-09; Bea Done 


© =A BA Doe Fig.2.18.b. Căutare nereuşită 
Fig.2.18.a. Ecran interogare - parametri 
incorecţi - protecţie activă 


102 PHP-2 


2 SeaMonkey BEE) 

z File Edit View Go Bookmarks Tools Window Help 

£. 2 Osa S. 
Back Reload Print 

E “Home  EZlBookmarks ® mozilla.org %® mozilazine ® mozdev.org >» 


Ø SeaMonkey DER 


X ile Edt View Go Bookmarks Tools Window Help 


Åe. 2.5 E [Rn] S- 


i| Back Forward Reload Print 
îl (Home Bookmarks % mozilla.org ® mozilazine ® mozdev.org > 


SELECT * FROM test WHERE cnp='12345' and nume='ion' 
ID |CNP PIN_SECRET 
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Nume---> ion 
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Fig.2.18.d. Căutare reuşită 


o 22097 DA Done 
Fig.2.18.c. Ecran interogare - 
parametri corecţi 


b) Următoarea exemplificare presupune o interogare cu parametri 
“anormali”, deci practic o injectare SQL. În fişierul de configurare PHP.ini - 
protecția implicită la instalarea PHP este setată corespunzător prin valoarea 
adecvată a variabilei parametru magic_quotes_gpc (semnificația acesteia fiind 
ghilimele _magice sau citate _ magice): 

; Magic quotes for incoming GET/POST/Cookie data. 

magic_quotes_gpc = On 

În figurile 2.19.a şi 2.19.b este exemplificat cazul în care, deşi printr-o 
injectare SQL este construit un string de interogare maliţios (care impune o condiţie 
permanent îndeplinită), protecţia implicită a interpretorului PHP nu oferă acces la 
datele tabelei. Secvența de injectare SQL constă în introducerea în a doua casetă 
(INPUT) a string-ului 'OR' 1 (neavând importanţă valoarea introdusă în prima 
casetă), astfel încât secvenţa de interogare pasată spre serverul de baze de date 
devine: 

SELECT * FROM test WHERE cnp='orice' and nume=" ORV1' 

De asemenea, în figurile 2.19.c şi 2.19.d este considerată o altă formă de 
injectare SQL, însă protecţia implicită PHP îşi face din nou datoria, împiedicând 
accesul la date. Astfel, secvenţa SQL injectată şi deci alterată prin introducere în 
ultimă casetă a secvenţei de cod condiţional 'OR”=", devine: 

SELECT * FROM test WHERE cnp='orice' and nume=" OR =! 
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În ambele cazuri se poate observa caracterul \ , precedând de multe ori 
caracterul ghilimea ` (prezenţa lui fiind un prim semn al unui posibil atac) şi 
generând astfel o interogare SQL al cărei potenţial maliţios este practic anulat (noua 
condiţie ataşată nu este îndeplinită). 

Acelaşi scenariu este reluat considerând dezactivată protecţia internă PHP 
(situaţie implicită la versiuni mai vechi PHP): 

magic_quotes_gpc = Off 


Rezultatele sunt prezentate în figurile 2.20.a şi 2.20.b, respectiv 2.20.c şi 
2.20.d. String-urile de interogare generate în urma injecţiei SQL sunt comenzi SQL 
perfect valide, având condiţia de filtrare (clauza WHERE) adevărată tot timpul: 

SELECT * FROM test WHERE cnp='orice' and nume=""OR'1' 

(condiţia OR '1' fiind tot timpul îndeplinită) 


SELECT * FROM test WHERE cnp='orice' and nume=" "OR ''=" 
(condiţia OR ` '="" fiind tot timpul îndeplinită) 


Mai mult, se observă că în urma injectării SQL, întregul conţinut al tabelei 
TEST este accesibil, fiind practic depăşită bariera de protecţie implicând cunoaşterea 
a două informaţii (CNP şi NUME) pentru a avea acces la informaţia protejată 
(PIN_SECRET). Practic întreaga informaţie (inclusiv CNP şi NUME) din tabelă este 
accesibilă, cu consecinţe imprevizibile . 
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| SELECT * FROM test WHERE cnp='orice' and nume=" OR "=" 
ID |CNP PIN_SECRET 

12345ion |6655 

6789 |dan |1237 


CNP--->|orice 
Nume--->|' OR "=| 


CREDE INS 
Fig.2.20.d. Căutare reuşita! Protecţia 
dezactivată permite „injectarea sql” şi 
afişarea ÎNTREGULUI conţinut al tabelei 


O 20; Baa Done 
Fig.2.20.c. Valoare introdusa pentru 
parametrul al doilea: ` OR ` `=` 


Şi în final, un ultim scenariu care implică o protecţie explicită, preventivă, 
recomandată a fi folosita indiferent de setarea interpretorului PHP (deci indiferent de 
valoarea variabilei magic_quotes_gpc). Soluţia constă în completarea scriptului PHP 
anterior cu liniile de cod următoare: 

$param1l=mysql_real_escape_string($param1); 

$param2=mysql_real_escape_string($param2); 

plasate înainte de construcţia string-ului de interogare $query folosind cei 
doi parametri. 

Evident, dacă sunt mai mulţi parametri de interogare, asupra fiecăruia se 
aplică funcţia mysgl_real_escape_string, anterior interogării (efectul acestei 
funcţii fiind practic similar celui obţinut prin setarea adecvată pe ON a parametrului 
magic_quotes_gpc din fişierul de configurare php.ini). 

Paragraful de faţă a tratat doar problematica unui atac Web prin tehnica 
injectării SQL, ţinta acestuia fiind baza de date aflată în spatele aplicaţiei, codul 
script propriu-zis nefiind cel direct vizat. Există şi atacuri având o astfel de ţintă, 
exploatând în general breşe generate prin configurarea inadecvată a serverului de 
Web. Totuşi, în contextul dinamicii aplicaţiilor Web asigurată prin preluarea 
informaţilor din baze de date, o alterare a conţinutului tabelelor atacate poate 
conduce implicit şi la o modificare a conţinutului dinamic al site-ului. 


2.5. Dezvoltare de aplicaţii PHP cu baze de date Oracle 
2.5.1. Interogare fără parametri 


Pentru operarea cu baze de date Oracle este necesară utilizarea bibliotecii 
php_oci8.dll. ca extensie PHP. Scriptul următor prezintă o exemplificare a utilizării 
câtorva dintre funcţiile oferite de această bibliotecă. 

Conectarea la o bază de date Oracle se face utilizând funcţia PHP OCILogon 
(parametri obligatorii ai acesteia fiind numele de user, parola şi numele instanţei 
Oracle, implicit ORCL pentru versiunile Oracle Enterprise/Professional, respectiv XE 
pentru versiunile Express). Interogarea unei tabele a unei baze de date Oracle (mai 
precis, în exemplu de faţă, tabela ANGAJATI având coloanele ID, NUME, SALAR) se 
face utilizând funcţiile OCIParse şi OCIExecute, fiind apoi extrase şi afişate succesiv 
pe ecran datele din liniile aceasteia (bucla while cu OCIFetch). Apoi, în exemplul 
prezentat, înregistrarile din tabela angajati sunt adăugate într-o altă tabelă 
evidenta, utilizând comanda SQL INSERT, împreună cu comenzile PHP OCIParse şi 
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OCIExecute (practic, se face un transfer al informaţiilor din tabela angajati în tabela 
evidenta). În final sunt eliberate resursele şi este închisă conexiunea cu baza de 
date Oracle. Se poate observa că procedura de lucru este practic identică cu cea din 
cazurile anterioare (MySQL), doar numele funcţiilor utilizate şi sintaxa lor fiind 
specifice bibliotecii extensie OCI8. 

<?php 

// Conectare la serverul Oracle (ultimul parametru se 

// completează doar pentru un server Oracle la distanţă) 

$connection = OClILogon("student", "student","ORCL"); 

// Interogare tabelă 

$stmt = OCIParse($connection, "SELECT * FROM angajati"); 

// Executa comanda SQL 

OCIExecute($stmt); 


// Generarea tabelului pentru afişarea rezultatelor obţinute 
echo "<table border='"4' align='center'>"; 

echo "<tr>"; 

echo "<th>ID</th>"; 

echo "<th>NUME</th>"; 

echo "<th>SALAR</th>"; 

echo "</tr>"; 

// Bucla pentru extragerea rezultatelor 
while(OCIFetch($stmt)) 

4 


$id= OCIResult($stmt, "ID"); 
$nume= OCIResult($stmt, "NUME"); 
$salar= OCIResult($stmt, "SALAR"); 
print (" <tr>\n". 
" <td>$id</td>n". 
" <td>$nume</td>1n". 
" <td>$salar</td>1n". 
" </tr>\n"); 
/ / Pregăteşte adăugarea 
$stmt1 = OCIParse($connection, "INSERT into evidenta values ($id, '$nume', 
‘$salar’)"); 
// Execută comanda (adăugare) 
OCIExecute($stmt1); 
? 


// Eliberează resursele şi închide conexiunea 
OCIFreeStatement($stmt); 
OCIFreeStatement($stmt1); 
OCILogoff($connection); 

?> 


În situatia în care datele adăugate sunt şi de tip dată calendaristică (de 
asemenea, un tip uzual), se va folosi o funcţie de conversie la un format Oracle 
corespunzator (7O_DATE). [13] Spre exemplificare: 

$stmti = OCIParse($connection, "insert into test values 
C$id','$nume',$salar,TO_DATE($data',YY-MM-DD'))"); 
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Pe baza exemplului anterior, analizând functiile specifice (OCILogon, 
OCIParse, OCIExecute, OCIFetch, OCIResult, OCIFreeStatement, OClILogoff), se pot 
remarca câteva deosebiri faţă de cazul operării cu MySQL. Totuşi, mai există un set 
de funcţii (destinate Oracle) a căror sintaxă, respectiv funcţionalitate, este foarte de 
apropiată de cea a setului folosit pentru MySQL, facând extrem de facilă 
transpunerea unui script operând cu MySQL într-un script operând cu Oracle. Se 
consideră următorul exemplu în acest sens: 
<?php 
$connection = OCI_connect("student", "student","'orcl"); 
$stmt = OCI_Parse($connection, "SELECT * FROM angajati"); 
OCI_Execute($stmt); 
echo "<table border='4' align='center'>"; 
echo "<tr>"; 
echo "<th>ID</th>"; 
echo "<th>NUME</th>"; 
echo "<th>SALAR</th>"; 
echo "</tr>"; 
while($row=OCI_Fetch_row($stmt)) 

4 
print (" <tr>in". 
" <td>$row[0]</td>\n". 
" <td>$row[1]</td>in". 
" <td>$row[2]</td>n". 
" </tr>\n"); 
) 
OCI_Free_Statement($stmt); 
OCI_close($connection); ?> 

Se pot remarca similitudinile sintactice şi funcţionale ale noilor funcţii 
utilizate, comparativ cu cele destinate MySQL-ului, aşa cum este prezentat 
comparativ şi în tabelul 2.2: 


Tabel 2.2. 
Oracle MySQL 
OCI_ Connect MySQL_ Connect 
OCI_Parse + OCI_Execute MySQL_Query 
OCI_Fetch_Row, MySQL _Fetch_Row, 
OCI_Fetch_Array, MySQL._Fetch_Array, 
OCI_Fetch_Assoc, MySQL_Fetch_Assoc, 
OCI_Fetch_Object MySQL_Fetch_Object 
Oci _Num_Rows MySQL _Affected_Rows 
OCI_Close MySQL._ Close 


2.5.2. Operare tranzacţională 


Aşa cum s-a precizat pentru MySQL, şi în cazul Oracle se poate face un apel, 
dintr-un script PHP, la o procedură stocată (utilă în special pentru operarea 
tranzacţională, cu seturi de multiple comenzi SQL destinate actualizării informaţiei 
din bazele de date). Pentru o exemplificare pur didactică, se consideră următoarea 
procedură stocată (cu numele joc), operând asupra unei tabele (testu/1): 
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Create or replace procedure joc(pari int, par2 int) 

As 

Begin 

Insert into testul (c1,c2) values(parl, par2); 

Update testull set c3=c1+c2 where cl=parl; 

End; 

/ 

Un script PHP care face un apel al acestei proceduri stocate poate avea 
codul următor (remarcându-se apelul procedurii stocate prin intermediul unui bloc 
PL/SQL, specific Oracle [13]): 

<?php 

$connection = OClLogon("student", "student", "orcl"); 

// Pregatire execuţie bloc PL/SQL integrând apelul procedurii 

$stmt = OCIParse($connection, "BEGIN joc(222,222); end;"); 
// execuţie procedură 

OCIExecute($stmt) or die("Esec !") 

echo "ok"; ?> 

In cazul Oracle, operarea tranzacţională (“totul sau nimic”) asigurată de 
folosirea procedurilor stocate, are şi o altă soluţie alternativă oferită de existenţă 
unui parametru opţional (neutilizat în exemplificările anterioare) în cadrul funcţiei 
OCIExecute [20] : 

OCIExecute($identificator_Oci_Parse [, $mod]) 

Parametrul opţional $mod poate să ia valori predefinite de genul: 

-OCI_COMMIT_ON_SUCCESS - după fiecare comandă SQL (trimisă spre 
sever cu OCIEXecute) se face COMMIT (acţiune implicită, chiar prin lipsa 
parametrului) 

-OCI_NO_AUTO_COMMIT - folosit pentru modul tranzacţional de operare: 
la ieşirea din script, nu se salvează nici o modificare în baza de date (ROLLBACK 
implicit), dacă anterior nu s-a executat o comandă OCI_commit explicită. 

În contextul anterior precizat, validarea sau anularea explicită a unei 
tranzacţii Oracle se poate face folosind funcţiile PHP OCI_commit sau 
OCI_rollback. 

Pentru o înţelegere a modului de operare cu acest parametru, se consideră o 
exemplificare concretă vizând un comportament tranzacţional şi având codul 
următor: 
<?php 
$connection = OCILogon("student", "student","orcl"); 
$var = OCIParse($connection, "insert into angajati values (2, ‘dan’, '1000')"); 
OCIExecute($var, OCI_NO_AUTO_COMMIT) or die (‘error 1); 


$var = OCIParse($connection, "insert into angajati values (3, 'dan', `1000°"); 
OCIExecute($var, OCI_NO_AUTO_COMMIT) or die ('error 2"); 


$var = OCIParse($connection, "insert into angajati values ($id, '$nume', '$salar')"); 


OCIExecute($var, OCI_NO_AUTO_COMMIT) or die (‘error 3"); 
OCI_COMMIT($connection ); 
OCIFreeStatement($var); 
OCILogoff($connection); ?> 
Se poate observa că scriptul încearcă execuţia succesivă a trei comenzi 
INSERT, scopul acestuia fiind fie executarea tuturor, fie a nici uneia. Astfel: 
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- dacă toate cele trei comenzi se încheie cu succes (deci nu se execută nici o 
comandă die care conduce la ieşirea din script şi implicit, prin folosirea parametrului 
OCI_NO_AUTO_COMMIT, la invalidarea oricărei modificări în baza de date), prin 
comanda de finalizare a tranzacţiei OCI_COMMIT noile date sunt salvate în baza de 
date (COMMIT pe toate comenzile); 

- dacă una dintre comenzi eşuează (chiar dacă altele anterioare au reuşit), o 
comandă die de părăsire a scriptului este executată (ne mai ajungându-se la 
execuţia comenzii OCI_COMMIT) şi toate eventualele modificări ale bazei de date 
efectuate prin apelul scriptului sunt anulate (ROLLBACK pe toate comenzile). 

Utilizarea uneia sau alteia dintre soluţiile propuse rămâne la latitudinea 
programatorului. 


2.5.3. Interogare cu parametri pasaţi prin auto-apelare 


Exemplul următor, conţinând o interogare parametrizată, se caracterizează 
prin aceea că, atât formularul de furnizare a parametrilor, cât şi partea de preluare 
a acestora şi realizare a interogării, sunt incluse într-un acelaşi script (auto- 
apelare). Practic, la un prim apel al scriptului se execută doar o parte a acestuia, 
constând într-un formular (FORM - fig. 2.21) pentru preluarea/furnizarea unor valori 
de parametri. Prin apăsarea butonului din formular, se realizează o auto-apelare a 
aceluiaşi script spre care este pasat şi un parametru, şi va fi executată o altă parte a 
scriptului (interogarea efectivă). Aceste decizii sunt luate printr-o structură PHP if- 
else, ale cărei secţiuni pot include atât cod HTML 'în clar”, cât şi cod PHP încuibat 
(fişierul având în mod obligatoriu extensia .php). O astfel de structură are forma 
următoare: 
<?php 
if ( condiţie ) { 

?> 
cod HTML şi/sau PHP (încuibat, încadrat în delimitatori) 
<?php 

> 


else { 
?> 
cod HTML şi/sau PHP (încuibat, încadrat în delimitatori) 
<?php 
> 


Codul sursă complet al unui script exemplificativ (cu auto-apelare) este 
următorul: 
<?php 


?> 


// Secvența care se execută la primul apel al scriptului, 
// situaţie în care NU a fost încă transmis încă nici un parametru 
// de la formular 


if (lisset($_GET['nume']))4 // setată şi nenulă 
?> 

<center> 

<form action="<?php $PHP_SELF ?>" method="get"> 
Nume: <input type="text" name="nume"> 
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<input type="submit" value="GO" /> 
</form> 

</center> 

<?php 

> 


// Secvența care se execută după furnizarea unui parametru de interogare 
// (autoapelare) 

else{ 

?> 


<table border="4" align="center”> 
<tr> 

<th>ID</th> 

<th>NUME</th> 

<th>SALAR</th> 

</tr> 

<?php 
$numePreluat=$_GET['nume/]; 
$connection = OClILogon("system"," 
print ("Connected successfully"); 


manager100", "orcl"); 


$stmt =  OCIParse($connection, "SELECT * FROM angajati where 
NUME="$numePreluat'"); 
OCIExecute($stmt); 


while(OCIFetch($stmt)) 4 
$id= OCIResult($stmt, "ID"); 
$nume= OCIResult($stmt, "NUME"); 
$salar= OCIResult($stmt, "SALAR"); 
print (" <tr>in". 
" <td>$id</td>n". 
" <td>$nume</td>n". 
" <td>$salar</td>n". 
" </tr>\n"); 
> 
?> 
</table> 


<?php 
OCIFreeStatement($stmt); 
OCILogoff($connection); 


?> 

În cadrul script-ului de mai sus se putea utiliza, ca şi variantă alternativă, o 
structură if-else-end if de forma următoare, oarecum similară cu cea anterioară: 

<?php if ( condiţie ): ?> 

cod HTML şi/sau PHP (încuibat, încadrat în delimitatori) 

<?php else: ?> 

cod HTML şi/sau PHP (încuibat, încadrat în delimitatori) 

<?php endif; ?> 
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Fig. 2.21. Formular interogare (apel fără parametrii) 


De remarcat utilizarea în cadrul FORM-ului a unei variabile PHP speciale 
($PHP_SELF), care furnizează o hyper-legatură (/ink) spre scriptul care conține acest 
cod (practic un auto-apel cu transferul unui parametru, lucru observabil şi în linia de 
comandă a browser-ului - fig. 2.21). Figura 2.22 prezintă rezultatul aplicației 
(implementată în maniera cu auto-apelare). 


Observaţie: Sintaxa action="<?php $_PHP_SELF ?>“ din cadrul scriptului 
anterior poate fi înlocuită cu sintaxa action="" sau action="nume_script.php”, 
unde nume_script.php reprezintă numele scriptului curent, care se auto-apelează. 

De remarcat de asemenea, funcţia isset() care determină dacă unei variabile 
i s-a atribuit o valoare (a fost setată, deci nenulă). În caz afirmativ, funcţia 
returnează valoarea logică TRUE, altfel returnează valoarea FALSE. 
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Fig. 2.22. Rezultate interogare (auto-apel cu parametri) 


2.5. Dezvoltare de aplicaţii PHP cu baze de date Oracle 111 


Exemplul anterior arată că, atât partea de cod specifică introducerii de la 

tastatură a parametrilor, cât şi cea de preluare şi utilizare a lor în interogarea SQL 
efectivă, pot coexista în cadrul unui aceluiaşi script PHP, acesta practic putându-se 
auto-apela în mod repetat, reacţionând de fiecare dată în mod diferit funcţie de 
contextul auto-apelului. 
Observaţie: Spre deosebire de funcţia isset (care returnează TRUE pentru o variabilă 
cu o valoare setată şi nenulă), funcţia empty returnează FALSE dacă variabila 
testată are o valoare şi acesta nu este 0 (zero). Din acest motiv, în exemplul 
anterior, isset nu putea fi substituit de empty. Funcţia empty returnează TRUE 
pentru string-uri vide ("","0"), O (zero numeric), NULL, FALSE, şir vid, respectiv 
variabilă declarată şi neiniţializată (caz specific programării pe obiecte). 


2.6. Dezvoltare de aplicaţii PHP cu baze de date Interbase 


Pentru operarea cu baze de date Interbase (sistem de gestiune al bazelor de 
date produs de firma Borland), este necesară utilizarea ca extensie a bibliotecii 
php_interbase.dil. Aplicația următoare face o simplă exemplificare, având drept scop 
principal, relevarea faptului că, indiferent de tipul de baze de date utilizat, modul de 
abordare al problemei este relativ identic. Diferenţele majore (excluzând evident 
utilizarea unor funcţii specifice fiecărui tip de bază de date) constă în modul în care 
se face conexiunea la serverul SQL, respectiv în modul în care sunt referiţi 
parametrii de interogare în cadrul comenzilor SQL apelate. Aplicația de faţă 
presupune adăugarea unei noi linii într-o tabelă Interbase, respectiv căutarea 
acestei noi linii şi afişarea sa pe ecran. Se consideră tabela Interbase tab/e1 creată 
cu comanda: 

CREATE TABLE table1 (nr INT, nume CHAR(10), virsta INTEGER, localitate 
CHAR(10)); 

Şi în acest caz este necesară existenţa unui fişier HTML pentru transmiterea 
spre scriptul PHP propriu-zis a valorilor corespunzătoare articolului care va fi 
adăugat în tabelă. Nu se mai face o prezentare a acestuia, fiind similar cu cel din 
paragraful 2.4.3 (practic un formular pentru transmiterea parametrilor de intrare 
spre scriptul PHP). Acest fişier HTML permite transmiterea a patru parametrii (nr, 
nume, virsta, localitate - cu valori introduse de la tastatura) necesari adăugării unei 
noi linii (complete) în tabela bazei de date. 

Scriptul PHP spre care sunt transmise valorile acestor parametri şi care va 
realiza adăugarea propriu-zisă în tabela bazei de date este următorul: 
<?php 
// Conectare la server Interbase si deschide baza de date 
$dbh= ibase_connect('localhost:c: datafileltest.gdb”, 

'sysdba', 'masterkey”); 

// Operaţie de adăugare cu parametrii 

$query =ibase_query($dbh,"INSERT INTO TABLEI (nr,nume,virsta,localitate) 
VALUES (?,?,?,?)",$nr, $nume, $virsta,$localitate); 


Echo "<strong>Adaugare reusita!"; 


// Selectarea şi afişarea doar a înregistrării adăugate 
$query =ibase_query($dbh,"SELECT * FROM TABLE1 where nr=?", $NR); 
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print <table BORDER="1" align=center >`); 
$coln=ibase_num_fields($query); //nr. de cimpuri 
print (" <tr>\n"); 


// realizare automată a capului de tabel (conţinând toate câmpurile) 
for ($i=0; $i<$coln; $i++)4 

//şir (array) cu informaţii despre câmpuri 
$col_inf=ibase_field_info($query,$i); 

//numele câmpurilor ca şi cap de tabel 


echo "<th BGCOLOR='Silver'>$col_inf[0]</th>"; 
// Atenţie - greşit: echo'<th GCOLOR= "Silver" >$col_inf[0]< /th>" 


print (" </tr>\n"); 


while ($row = ibase_fetch_row($query)) 4 
echo" <tr>\n"; 
foreach ($row as $value) 4 


//Afişare înregistrare adăugata 
echo "<td BGCOLOR='Cyan'> $value</td>"; 


echo "</tr>"; 


? 
ibase_close ($dbh); 
RS 


Rezultatul pe ecran este similar cu cel din fig. 2.10. 
Scriptul poate fi modificat echivalent (cu acelaşi rezultat) astfel: 
In locul compactei comenzi ibase_query($dbh, "INSERT... se poate folosi o 
secvenţă echivalentă de genul: 
//pregătirea unei interogări cu parametrii (utilă mai ales dacă se repetă, 
dar cu 
// alţi parametrii de intrare) 
// comanda INSERT în această sintaxă se referă la toate câmpurile tabelei 
$query =ibase_prepare(INSERT INTO TABLE1 VALUES (?,?,?,?)'); 
// executarea adăugării (prin transferul parametrilor) 
ibase_execute($query,$NR,$nume,$virsta,$localitate); 
ibase_free_query($query); 
// eliberare resurse (nu este obligatorie) 
ibase_free_result($sth); //nu este obligatorie 


Se poate remarca, comparativ cu situaţiile operării cu MySQL, respectiv 
Oracle, că deosebirile substanţiale apar legat de conexiunea la serverul SQL (string- 
ul de conectare), respectiv deschiderea bazei de date, precum şi la modul de 
integrare a parametrilor de intrare în cadrul string-ului de interogare (comanda 
SQL). În rest, lucrurile sunt aproape similare, din acest motiv ne mai insistându-se 
asupra operării cu alte tipuri de servere de baze de date. 
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Observaţie: Se menţionează că, kit-ul de distribuţie PHP vine însoţit de un pachet 
suplimentar (a cărui eventuală instalare se face explicit, ulterior instalării de bază), 
numit PEAR (PHP Extension and Application Repository), constând practic într-un 
"depozit/colecţie” de componente software reutilizabile (open-source). In cadrul 
acestuia, o componentă (PEAR:DB) se referă la operarea cu baze de date, 
asigurând un strat suplimentar de abstractizare, care conduce astfel la o creştere a 
portabilităţii codul din punct de vedere al multitudinii de tipuri de baze de date. 
Pachetul PEAR:DB oferă un API (Application Programming Interface) unificat pentru 
gestionarea diverselor tipuri de baze de date, principalele avantaje ale folosirii lui 
fiind simplitatea codului şi portabilitatea lui, fiind recomandată folosirea lui în cadrul 
unor aplicaţii care implică o mare diversitate de tipuri de baze de date. 


2.7. Grafică 


PHP-ul dispune un set de funcţii extrem de puternice pentru crearea şi 
manipularea elementelor de grafică şi a imaginilor, oferind astfel utilizatorului 
facilităţi deosebite şi în domeniul graficii (2d). 

Realizarea unor aplicaţii grafice cu PHP implică utilizarea unor biblioteci 
suplimentare (fişiere .d//). [1][20] Astfel, în cazul de faţă, s-a utilizat biblioteca 
PHP_GD2.DLL configurând corespunzător fişierul php.ini (extension= php_gd2.dil). 
De regulă, formatul imaginilor manipulate (pg, gif, png etc) depinde de versiunea 
bibliotecii grafice suplimentar utilizate 

În cele ce urmează, fără a detalia toate cele câteva zeci de funcţii dedicate 
creării şi manipulării imaginilor, respectiv a elementelor specifice graficii, se va 
realiza o trecere în revistă a doar câtorva dintre ele, prin exemplificarea a două 
aplicaţii. 

O primă aplicaţie face apel la câteva funcţii privind crearea /manipularea 
unei imagini .jpg. Codul complet este prezentat în continuare, iar efectul rulării 
acestui script este descris în figura 2.23 [1]: 
<?php 
// Anterior: setare ca fişier extensie activ (în php.ini): php_gd.dil 
// Creare imagine nouă 
$im = ImageCreate (500, 100) or die (“Cannot Initialize new GD image stream”); 


// deschiderea unei imagini existente 

// $im = ImageCreateFromJPEG("leopard.jpg”) 

// or die (“Cannot Initialize new GD image stream”); 
// linia următoare nu-şi are sensul pentru o imagine sursă dată 


$background_color=ImageColorAllocate($im,1,255,25); 
$text_color = ImageColorAllocate ($im, 230, 14, 191); 


//ImageString - dimensiunea scrisului,- poziţia pe orizontală (pixeli), 
poziţia 
//pe verticală (pixeli) 
ImagesString($im,10,100,35, "A Simple Text String”, $text_color); 
// Salvare imagine prelucrată sau creată şi afişare 
ImageJpeg ($im,"tinta.jpg”); 
echo ‘<img src="tinta.jpg” >`; 
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// Creare unei FUNCŢII care va fi apelată 

function LoadJpeg($imagine, $text) 

{ 

$imi = ImageCreateFromJPEG($imagine) 

or die (“Cannot Initialize new GD image stream”); 

$text_color = ImageColorAllocate ($im1, 23, 14, 191); 

ImagesString ($im1, 10, 10, 35, $text, $text_color); 
ImageJpeg ($im1,“a.jpg”); 
echo ‘<img src="a.jpg” >`; 


) 
// Apel funcţie 
LoadJpeg('leopard.jpg”,“Ceva de afisat”); 
?> 


E] http:7Zlocalhost/scnpts/test/leo1.php - Microsoft Internet Explorer 
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Fig. 2.23 Crearea şi afişarea a două imagini 


Practic, în cadrul exemplului prezentat sunt create şi afişate două imagini, 
peste fiecare fiind suprascris un text (şir de caractere). 

Prima imagine este creată cu un fundal verde, fără a porni de la o sursă 
iniţială, iar a doua imagine este creată pornind de la un fişier imagine jpeg ca sursă. 
Ambele imagini astfel create sunt salvate, iar afişarea lor se face utilizând eticheta 
HTML <img...>. Cea de-a doua imagine a fost creată pe baza apelului unei funcţii, 
necesitând ca parametrii iniţiali fişierul sursă jpeg, respectiv textul de afişat. 

O a doua aplicaţie, puţin mai complexă, permite realizarea graficului scalat al 
unei funcţii matematice oarecare. Codul sursă comentat este redat în continuare, iar 
efectul script este prezentat în figura 2.24. 
<?php 
//definire constante (dimensiuni axe) 
define(“xmax",500); 
define("ymax",200); 

//creare imagine (lăţime, înălţime) 
$im=ImageCreate (xmax, ymax)or die (“Cannot Initialize new GD image stream”); 
//fundal imagine (rgb-galben) 

$background_color = ImageColorAllocate ($im, 255, 255, 0); 
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//culoare axe (verde) 

$axe=ImageColorAllocate ($im, 0, 255, 0); 
//culoare text (negru) 

$text_color = ImageColorAllocate ($im, 0, 0, 0); 
//titlu grafic (font, x, y) 

ImagesString ($im, 5, 200, 10, "Grafic test”, $text_color); 
//trasare axe ($axe -culoare) 
imageline($im,0,100,500,100,$axe); 
imageline($im,0,0,0,200,$axe); 

//afişare text pe axe (orizontal, vertical) 
ImagesString($im, 4, 425, 104, "timp [s]”, $text_color); 
ImageStringup($im, 4, 4, 25, “val”, $text_color); 
//culoare histograme (albastru) 
$abc=imagecolorallocate($im,255,0,0); 

//culoare grafic (albastru) 
$grafic=imagecolorallocate($im,0,0,255); 


//histograme (dreptunghiuri) 
imagefilledrectangle($im,200,100,220,140,$abc); 
imagefilledrectangle($im,300,50,320,100,$abc); 


// coordonate iniţiale 
$x0=0; 
$y0=0; 


// calcul coordonate grafic şi afişare grafic 
for($x=0;$x<500;$x+=1) 
4 


// generare număr aleator întreg într-un interval prestabilit 
$a=rand(-30,30); 

// calcularea succesivă a coordonatei ' y’ a funcţiei 
$y=(2*sin($x)+log($x*10+10))*15-100+$a; 

//trasare grafic linie cu linie 

if ($x0!=0) 
imageline($im,$x0,ymax/2-$y0,$x,ymax/2-$y,$grafic); 
$x0=$x; 
$y0=$y; 

) 


//salvare imagine într-un fişier şi afişare 
ImageJpeg ($im,"tinta.jpg”); 
echo ‘<img src="tinta.jpg” >`; 
?> 
Analizând aplicația, se poate observa parcurgerea următoarelor etape: 


- crearea imaginilor şi stabilirea culorii  fundalului (ImageCreate, 


ImageColorAllocate); 
- stabilirea culori axelor şi a textului (ImageColorAllocate); 
- afişarea titlului, trasare axe, scriere text pe axe (ImageString, ImageLine); 


- realizarea unor histograme (exemplificative, fără legătură cu graficul funcţiei: 


ImageFilledRectangle); 
- stabilirea culorii graficului (ImageColorAllocate); 
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- calculul funcţie şi afişarea prin linii succesive (For, ImageLine); 
- salvare şi afişare imagine grafic (ImageJpeg, <img...>). 
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Fig. 2.24. Graficul unei funcţii matematice 


Observaţie: Pentru afişarea imaginii graficului, fără o salvare prealabilă într-un fişier 
a acesteia, se poate utiliza în finalul script-ului o secvenţă de genul: 

// setarea tipului conţinutului (MIME) 

header("Content-type: image/jpeg”); 

// afişare imagine 

Qimagejpeg($im); 

//caracterul Q care prefixează o funcţie, face ca mesajele de eroare aferente 
execuţiei acelei funcţii să nu fie afişate de browser; eventualele mesaje de eroare 
pot fi consultate prin analiza conţinutului variabilei globale $php_errormsg. 


Exemplele prezentate arată că PHP-ul dispune de puternice facilităţi grafice, 
permiţând o manipulare şi prelucrare facilă a imaginilor, generarea dinamică a 
acestora, precum şi salvarea lor în câteva formate standard. 

Rezumând, o scurtă selecţie a celor mai uzuale funcţii utilizabile pentru 
dezvoltarea unor aplicaţii de grafică utilizând PHP este prezentă în continuare 
(fiecare funcţie fiind precedatăde tipul returnat): 

- int ImageCreate(_) — creează o imagine cu dimensiuni precizate, returnând 
un identificator de imagine de tip întreg; 

- int ImageCreateFromJpeg(_) — creează o imagine pornind de la un fişier de 
tip JPEG (returnează un identificator întreg în caz de succes sau 0 în caz de eşec). 
Pentru alte tipuri de fişiere imagine: ImageCreateFromGif(), 

ImageCreateFromPng(). 

- int ImageColorAllocate(_) — creează un identificator de culoare pentru o 
imagine, pe baza paletei RGB, culoare care poate fi alocată fundalului, unui text 
etc.; 
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-int ImagesString(_) — inserează un şir de caractere de o anumită 
dimensiune în cadrul imaginii, pe orizontală, la coordonatele precizate. Identic, 
ImagesStringUp(_) pentru scriere pe vertical;. 

- int ImageJPEG( ) — afişează imaginea desemnată printr-un identificator, 
sau o salvează într-un fişier specificat în format JPEG (idem pentru formatele GIF, 
PNG). 


- int ImageLine(_) — afişează un segment de dreaptă identificat de 
coordonatele a două puncte, cu o anumită coloare (ImageDashedLine(_) pentru linii 
întrerupte); 

- int ImageRectangle( ) — desenează o forma rectangulară; 

-int ImagePolygon(_) — desenează un poligon (coordonatele precizate 
printr-un şir); 

- int ImageArc(_) — desenează un arc de cerc; 

- int ImageSetPixel(_) — desenează un pixel de o anumită culoare, la 
anumite coordonate; 

- int ImageFilledRectangle(_) — umple cu o anumită culoare o zonă 


rectangulară (identic pentru o zonă poligonală: ImageFilledPolygon( )) ; 
- int ImageDestroy(_) — distruge un identificator de imagine şi eliberează 
memoria alocată acestuia. 


2.8. Funcţii pentru operare cu fişiere 


PHP-ul dispune de un puternic set de funcţii dedicat operaţiilor de 
intrare/ieşire cu fişiere: creare/ştergere de fişiere, citire/scriere/adăugare în fişiere 
(atât pentru fişiere în format text, cât şi pentru format binar). Exemplul următor, 
implementând practic un contor al acceselor realizate de către clienţi la scriptul în 
cauză, încearcă o exemplificare a doar câteva dintre aceste funcţii, considerate ca 
fiind mai importante. 
<?php 
// Declarare nume pentru fişier 

$filename = "counter.nr”; 
// Deschidere fişier doar pentru citire (avertisment, dacă nu există) 
// Qfopen- pentru inhibare avertisment 
$fp = fopen($filename,“r”) or die(“Eroare”); 
// Determinare dimensiune fişier -doar pentru exemplificare! 
// Probleme cu fişiere mai mari de 2 GB 
echo filesize($filename); 
// Citire din fişier (se citesc 26 bytes)- citire contor existent 
$hits = fread($fp,26); 


// Incrementare contor 
// cu forţare la tip întreg, necesară fără o valoare O iniţială în fişier 
$hits = (int)$hits+1; 


// Închidere fişier 
fclose($fp); 

// Deschidere fişier doar pentru scriere 
$fp = fopen($filename,”w”); 
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// Scrie în fişier (suprascriere) sau  fputs($theFile, $hits); 
$a=fwrite($fp,$hits,26); 
echo “<p> Sunteti vizitatorul cu numarul ~“; 
echo $hits; ?> 

Aplicația începe prin precizarea unui nume pentru fişierul (de tip text) care 
va memora contorul de accese (practic un număr Întreg, incrementat după fiecare 
acces). În exemplul de faţă, numele ales pentru acest fişier este "counter.nr” 
($filename="counter.nr”;). 

În cazul în care localizarea fişierului nu este implicită în directorul curent, 
este necesară precizarea căii complete de localizare a fişierului. Spre exemplu: 

$filename="http://localhost/scripts/test/counter.nr; 

//sau 

$filename ="c:Wtextiicounter.nr”; 

Urmează apoi deschiderea pentru citire a acestui fişier, utilizând funcţia 
fopen(). Fişierul trebuie să fie creat anterior, în caz contrar (adică fişierul nu există) 
operaţia terminându-se printr-un avertisment (warning). Deja s-a făcut apel la o 
primă funcţie de lucru cu fişiere, cu sintaxa uzuală: 

int fopen (string filename, string mode); 

Funcţia returnează un identificator de tip întreg. Primul parametru al funcţiei 
este un string reprezentând numele fişierului care va fi deschis (putând include şi 
calea spre acesta), iar al doilea parametru reprezintă modul în care se face 
deschiderea fişierului, putând lua următoarele valori prezentate în tabelul următor: 


Tabel 2.3. 
“p” deschidere numai pentru citire, pointerul de fişier fiind plasat la 
începutul fişierului 
“r+” deschidere pentru citire şi scriere, pointerul de fişier fiind plasat la 


începutul fişierului 


deschidere numai pentru scriere, pointerul de fişier fiind plasat la 
începutul fişierului, iar conţinutul iniţial al fişierului este şters; dacă 
fişierul nu există -este creat ca fişier nou 


“w” deschidere pentru citire şi scriere, pointerul de fişier fiind plasat la 
începutul fişierului, iar conţinutul iniţial al fişierului este şters; dacă 
fişierul nu există, se încearcă crearea lui 


a deschidere numai pentru scriere, pointerul de fişier fiind plasat la 
sfârşitul fişierului (practic o operaţie de adăugare); dacă fişierul nu 
există, se încearcă crearea lui 


“a+” deschidere pentru citire şi scriere, pointerul de fişier fiind plasat la 
sfârşitul fişierului (practic o operaţie de adăugare); dacă fişierul nu 
există, se încearcă crearea lui 


Acest al doilea parametru poate include şi valoarea "b”, utilă în cazul în care 
se realizează operaţii cu fişiere binare. Această valoare se utilizează în combinaţie 
cu cele precedente. Spre exemplu, "wb” semnifică scriere într-un fişier în format 
binar. 

În continuarea programului se citeşte contorul existent într-o variabilă. Se 
utilizează în acest sens funcţia fread() cu sintaxa: 

string fread (int fp, int length) 


2.8. Funcţii pentru operarea cu fişiere 119 


unde primul parametru reprezintă identificatorul fişierului din care se citeşte, iar al 
doilea parametru -numărul de bytes citiţi. În cazul de faţă, numărul 26 s-a ales pur 
aleator. Se observă că funcţia returnează chiar string-ul pe care îl citeşte. 

Se realizează apoi o incrementare a contorului (mai precis a conţinutului 
variabilei în care s-a memorat contorul citit din fişier). De remarcat modul în care se 
forţează la tip întreg conţinutul variabilei ((int)$hits)), operaţie care permite 
startarea procesului de contorizare fără ca în fişierul creat să existe o valoare iniţială 
(zero). Dacă se doreşte o forţare la tipul float, se utilizează o construcţie de forma 
(float)$variabila. 

Urmează închiderea fişierului: fclose($fp)(acesta fiind deschis iniţial doar 
pentru citire). În acest moment se dispune (într-o variabilă) de numărul de accesări 
ale paginii curente. Ceea ce mai rămâne de făcut este o actualizare a contorului şi în 
fişierul în care acesta este păstrat şi eventual, o afişare a acestuia pe ecran. Pentru 
aceasta, este necesară o redeschidere a fişierului, dar de data asta, pentru o 
operaţie de scriere (mai precis, o operaţie de suprascriere): 
$fp = fopen($filename,"w”); 

Se scrie variabila contor actualizată în fişier, utilizând funcţia fwrite() cu 
sintaxa următoare: 
int fwrite (int fp, string string [,int length]) 

Primul parametru al funcţiei reprezintă identificatorul fişierului în care se va 
face scrierea, al doilea parametru - şirul de caractere scris, iar ultimul parametru 
(opţional) numărul de bytes scrişi (dacă acest număr este mai mare decât lungimea 
string-ului de scris, scrierea se opreşte când se ajunge la finalul string-ului, caz 
implicit în lipsa parametrului opţional). În locul funcţiei fwrite() se putea folosi 
funcţia fputs(), cu aceeaşi parametrii şi cu o acţiune identică. In finalul scriptului s-a 
făcut şi o afişare pe ecran a numărului de accese la pagina curentă. 

In exemplul prezentat s-a realizat o suprascriere a conţinutului fişierului la 
fiecare accesare a scriptului. Secvența următoare prezintă o operaţie de adăugare a 
unui text într-un fişier, pe un rând nou (simbolul \n), rândurile fiind separate între 
ele printr-o linie liberă: 

// deschidere pentru scriere (adăugare) 
$fp = fopen($filename1,“a+”); 
// adăugare cu câte un rând gol 
fwrite($fp,"!n adaugatin,20); 


O situaţie des întâlnită este cea în care sunt generate fişiere în format PDF 
(fig.2.25), ca alternativă pentru stocarea şi/sau tipărirea în formate predefinite a 
unor date. 

Crearea unui fişier PDF implică utilizarea bibliotecii extensie php_pdf.dll, 
acesta trebuind a fi activată (prin setarea corespunzătoare în fişierul php.ini). [20] 
Există şi alte soluţii în acest sens, implicând utilizarea altor biblioteci externe, chiar 
mai performante, dar cea bazată pe extensia implicit oferită de PHP, fiind şi cea mai 
la îndemână, este considerată în continuare pentru o scurtă exemplificare. Codul 
următor (cu comentariile corespunzătoare explicării comenzilor folosite şi acţiunilor 
efectuate) prezintă modul în care se creează un document PDF având două pagini 
(soluţia putând fi generalizată pentru oricâte pagini). Sunt punctate, prin 
comentariile aferente, câteva elemente de bază vizând setarea paginii, poziţionarea 
informaţiei în pagină, formatarea textului, grafică, inserarea de imagini: 
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Fig.2.25. Conţinut fişier PDF generat (cu două pagini) 


<?php 

// creare identificator fişier 

$mypdf = PDF_new(); 

// creare fişier PDF şi deschidere cu precizare locaţie 

// dacă fişierul există, este suprascris 
PDF_open_file($mypdf, "c:wampwwwipdfigeno1.pdf"); 
// creare pagina 1 cu setare dimensiuni 
PDF_begin_page($mypdf, 595, 842); 


// căutare font text 

$myfont= PDF_findfont($mypdf, "Times-Roman", "host", 0); 
// setare font text 

PDF_setfont($mypdf, $myfont, 22); 

//scriere text cu fontul setat şi la locaţia precizată 
PDF_show_xy($mypdf, "Text exemplu în fisier.", 50, 750); 
PDF_show_xy($mypdf, "Creat cu PHP.", 50, 730); 


// încărcare imagine (precizând sursa şi tipul imaginii) 

$myimage = PDF_load_image($mypdf,"gif', "c:wampwwwipdfilogo_i.gif', ""); 
// inserare imagine (precizând locaţia în pagină şi scara dimensională) 
PDF_place_image($mypdf, $myimage, 150, 600, 1.0); 


// trasare linie (setare grosime, punct start, punct final) 
pdf_setlinewidth($mypdf, 10); 
PDF_moveto($mypdf, 150, 550); 
PDF_lineto($mypdf, 450, 550); 


pdf_stroke($mypdf); // trasare linie anterior definită 
PDF_end_page($mypdf); // sfârşit pagina 1 


// generarea celei de-a doua pagini 
PDF_begin_page($mypdf, 595, 842); 
$myfont= PDF_findfont($mypdf, "Times-Roman", "host", 0); 


2.8. Funcţii pentru operarea cu fişiere 121 


PDF_setfont($mypdf, $myfont, 16); 
PDF_show_xy($mypdf, "Made with the PDF libraries for PHP.", 50, 730); 
PDF_end_page($mypdf); 


PDF_close($mypdf); // închidere fişier (obligatoriu) 
PDF_delete($mypdf); // ştergere identificator fişier 
echo "Fisier PDF creat!"; // mesaj confirmare în pagina Web 
?> 


Fişierul PDF creat are două pagini, fiind prezentat în fig.2.25. 


2.9. Operare cu sesiuni 


Crearea unei sesiuni (numită şi ‘sesiune client”) este asigurată de către 
limbajul PHP prin utilizarea în cadrul unui script a aşa numitului mecanism 
SESSION, startat (spre exemplu) printr-o linie de program de forma: 

session_register ("global"); 

Ce înseamnă modul de lucru sesiune şi care este utilitatea lui? Două 
întrebări esenţiale, la care se va încerca un răspuns în continuare. În momentul 
executării liniei de cod session_register("global"), interpretorul PHP startează o 
sesiune de lucru valabilă, doar pentru clientul Web curent, atât timp cât acesta nu 
închide browser-ul (din care a apelat respectivul script conţinând această linie de 
cod) sau având o durată de viaţă în conformitate cu setările interpretorului PHP 
privind valabilitatea unei sesiuni. [15] Fizic, startarea unei sesiuni însemnă crearea 
unui fişier sesiune salvat pe server (implicit în directorul PHPNSESSIONDATA sau 
WAMPNTMP), cu un nume aleator, unic, câte unul pentru fiecare sesiune pornită. 
Spre exemplificare, numele fişierului sesiune poate fi de forma: 

sess_1b308801f20323d7713880f389f2489e 


În cadrul comenzii session_register, parametrul cu numele global (ales 
pentru exemplificare) este practic o variabilă (sau şir, tablou etc.) ale cărei/cărui 
valori (iniţializate prin comenzi PHP uzuale) sunt vizibile şi deci apelabile / utilizabile 
în orice alt script referit de browser pe parcursul sesiunii de lucru. Cu alte cuvinte, 
conţinutul acestei variabile (de regulă şir sau tablou mono-dimensional sau 
bidimensional) devine public pentru orice script apelat pe parcursul duratei de viaţă 
a sesiunii, cu condiţia ca fiecare un astfel de script al site-ului să conţină, obligatoriu 
la începutul lui, linia de cod session_register("global"). 

O sesiune de lucru se încheie în momentul închiderii browser-ului sau 
explicit prin cod program (comanda session_destroy). La oprirea browser-ului, 
datele din fişierul sesiune rămân stocate în acesta, iar o încheiere prin cod program 
a sesiunii conduce la ştergerea fişierul sesiune. Se asemenea, închiderea sesiuni se 
poate face şi automat, la expirarea duratei ei de viaţă prevăzută prin setările interne 
PHP. Fişierul php.ini conţine variabila session.gc_maxlifetime având o valoare 
predefinită exprimând, în secunde, durata de viaţă a unei sesiuni (implicit 
session.gc_maxlifetime= 1440). 

Utilizarea sesiunilor este utilă (uneori chiar obligatorie) în mai multe situaţii, 
enumerându-se aici doar câteva: 

- transferul/ pasarea unor valori de parametri prin/spre toate paginile unei 
aplicaţii Web (conţinând o multitudine de pagini), aceste valori fiind vizibile şi 
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accesibile din orice pagină a site-ului (cazul implementării unui "coş virtual de 
cumpărături” specific aplicaţiilor Web gen magazin on-line); 

- asigurarea accesul securizat (parolat) la paginile unui site Web, printr-un 
transfer şi “purtare” a parolei de acces prin fiecare pagină securizată, accesată de 
clientul vizitator; 

- diverse situaţii impunând expirarea valabilităţii unor date (folosind 
mecanismul de închidere temporizată a unei sesiuni). 

Mecanismul de operare cu sesiuni permite transferarea sigură, comodă şi 
aproape implicită (necesitând doar o linie de cod, repetată în fiecare script al site- 
ului) a unui număr practic nelimitat de parametri între o mulţime de pagini Web 
(care constituie un site unitar). 


Exemplu: Fie următoarele două fişiere script PHP, prezentate în tabelul 2.3. 
Primul script startează o sesiune, creându-se un fişier sesiune cu numele specificat, 
în care se va memora conţinutul unei variabile $var (atribuit explicit ulterior startarii 
sesiunii în cadrul scriptului). În acest moment, fişierul sesiune va conţine (vezi 
tabelul 2.4): numele variabilei (var), tipul şi lungimea conţinutului (s:4) - string 4 -, 
precum şi conţinut efectiv: string-ul “ceva”. 

In scriptul a.php este prevăzut un hyperlink către un al doilea script b.php, 
în care, sesiunea curentă fiind în continuare activă (comanda 
session_register("var")), se asigură disponibilitatea conţinutului variabile $var (care 
este şi afişată pe ecran). 


Tabel 2.4. 
Script __a.php Script _b.php 
<?php <?php 
session_register("var"); session_register("var"); 
$var="ceva"; echo $var; 
echo "<a href="b.php'>mai departe"; echo "<a href='a.php'>back"; 
?> session_destroy(); 
?> 
Nume fişier sesiune: 
sess_1b308801f20323d7713880f389f2489e 
Conţinutul fişierului sesiune: 
var|s:4:"ceva"; 


La finalul scriptului b.php sesiunea este distrusă, fişierul sesiune fiind şters 
prin utilizarea comenzii session_destroy(). De asemenea, în al doilea script este 
prevăzut un hyperlink de revenire spre scriptul apelant (a.php), care restartează 
aceeaşi sesiune (creând un fişier sesiune cu acelaşi nume) şi întreg procesul se reia 
încă o dată. Cu alte cuvinte, cele două scripturi implementează o buclă repetitivă de 
(re)creare/distrugere succesivă a unei sesiuni. 

Menţinerea disponibilităţii şi accesabilităţii unor informaţii (date utile) pe 

toata durata navigării prin mai multe pagini Web constituind o aplicaţie unitară (în 
diverse scopuri particularizate la specificul aplicaţiei) constituie principalul beneficiu 
conferit de lucrul cu sesiuni. 
Observaţie: Transferul de parametrii de la un script spre altul, în vederea asigurării 
disponibilităţii acelor parametrii în mai multe pagini Web, se poate realiza şi 
utilizând casete de tip INPUT cu atributul type='hidden’. Metoda este eficientă atunci 
când trebuie transferat un număr fix, redus, de parametri, dar devine greoaie atunci 
când numărul parametrilor de transferat creşte. 
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O altă tehnică de lucru cu sesiuni, care se poate folosi în versiunile mai noi 
de PHP (ulterioare versiunii 4.0), implică utilizarea unor variabile de tip 
$_SESSION[]. Tehnica oferă un nivel mai ridicat de siguranţă al aplicaţiei (similar cu 
cazul folosirii pentru transferul parametrilor a construcţiilor de genul $_GET[ ], 
respectiv $_POSTI ]), fiind cea mai recomandată. 

Un posibil scenariu de folosire a acestei tehnici presupune următoarele: 

- Pentru deschiderea unei noi sesiuni PHP, scriptul trebuie să înceapă cu 
apelarea funcţiei session_start(). Aceasta funcţie verifică, mai întâi, dacă există un 
identificator (ID) de sesiune. Dacă nu există, se va crea unul, şi astfel se va 
deschide o nouă sesiune. Dacă există, atunci funcţia încarcă variabilele sesiune 
sesiunii client curente stocate pe server, ele fiind astfel pregătite pentru utilizare. 
Atunci când se lucrează cu sesiuni, aceasta funcţie (session_start) trebuie apelată la 
începutul tuturor scripturilor care folosesc sesiunea în cauză. 

- Variabilele de sesiune sunt stocate în tabloul superglobal numit 
$_SESSIONI], (în versiunile mai vechi de PHP fiind numit 
$HTTP_SESSION_VARSI]). 

- Variabilele sesiune sunt disponibile şi pot fi folosite până la ştergerea lor 
voluntară sau până la încheierea sesiunii. 

- Pentru a crea o variabilă de sesiune trebuie să se introducă un element în 
tabloul $_SESSION[]: $_SESSION[ 'variabila_noua']=10; 

- Pentru a verifica dacă o anumită variabilă este înregistrată ca variabilă de 
sesiune în acest tablou, se foloseşte functia isset() returnând o valoare booleană 
true sau false, ca în exemplul următor: if ( isset($_SESSION[ 'variabila_noua']) )... 
În funcţie de valoarea logică a condiţiei impuse cu funcţia isset(), execuţia 
programului urmează o cale sau altă. 

Pentru exemplificare, se prezintă o rescriere a scripturilor anterioare, 
utilizând această a doua tehnică de operare cu sesiuni (tabel 2.5): 


Tabel 2.5. 
Script a.php Script b.php 
<?php <?php 
session_start(); session_start(); 
$_SESSION|['var']="ceva"; $var=$_SESSION['var']; 
echo "<a href="b.php'>mai departe"; echo $var; 
?> session_destroy(); 
?> 


Ştergerea selectivă a unei variabile sesiune (nu a tuturor variabilelor, deci nu 
distrugerea sesiunii) se poate face folosind comanda unset (spre exemplu, 
unset($_SESSION['var'];). 

Construcţia $_ SESSION ] poate folosi ca parametru de intrare nu doar 
nume de variabile (vezi exemplele anterioare), ci şi nume de şiruri (array), situaţie 
frecventă în cazul necunoaşterii apriorice a numărului de variabile sesiune. Spre 
exemplificare: 


Tabel 2.6. 

Script __a.php Script _b.php 
<?php <?php 
session_start(); session_start(); 
$_SESSION['var[1]']="ceva"; echo $_SESSION['var[1]']; 
$_SESSION['var[2]']="ceva1"; echo $_SESSION['var[2]']; 

echo "<a href='b.php'>mai departe"; session_destroy(); 
?> ?> 
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Ca o concluzie, o variabilă sesiune este salvată într-o resursă de tip fişier 
sesiune (de tip text) stocat pe partea de server Web, fiind vizibilă în întreaga 
aplicaţie Web (în toate scripturile PHP ale aplicaţiei site). Pentru o variabilă sesiune 
denumită VAR, referirea în scriptul PHP se face sub forma $_SESSION['VAR'], 
respectiv $_SESSION['VAR[indice]”] - dacă este vorba despre un variabilă array. 


2.10. Operare cu cookies 


Spre deosebire de o sesiune, un cookie permite salvarea unor informaţii 
posibil necesare şi reaccesate repetat ori de cate ori se reapelează pagina 
respectivă, salvarea lor făcându-se însă pe partea de client (brower-ul trebuind 
setat să accepte cookie).[15][19] Un exemplu des întâlnit este cel în care, un 
utilizator doreşte să salveze numele de user, respectiv parola de acces pe anumit 
site Web astfel încât, la o reaccesare a acelui site, acestea să fie disponibile implicit, 
fără a mai fi necesară reintroducerea lor explicită de la tastatură. 

Comanda PHP pentru crearea unui cookie are următoarea sintaxă uzuală 
(doar trei dintre principalii parametri fiind referiţi aici): 

setcookie (string $nume_cookie, string $valoare, int timp_expirare) 

Câteva exemple de definire a unui cookie folosind aceşti parametri: 

- setare cookie cu nume USER, având o singură valoare ION şi expirând 
după 60 de secunde: 

SetCookie ("USER", "Ion", time()+60); 

- setare cookie cu numele securizare, având valorile ION, respectiv 
PAROLA123, doar a doua valoare expirând după 30 de secunde (prima valoare 
neavând timp de expirare): 

setcookie("securizareil[user]", "ION"); 

setcookie("securizare1[parola]", "PAROLA123",time()+30); 

- ştergere cookie prin setarea unui moment de timp anterior (ştergerea 
explicită a fiecărei variabile cookie are loc după 1 secundă): 

setcookie("securizarel[user]", "ION", , time()-1); 

setcookie("securizarel[parola]", "PAROLA123",time()-1); 

Accesul la o variabilă cookie se realizează (oarecum similar ca la sesiuni) 
printr-o construcţie de genul: 
$_COOKIE[nume], parametrul fiind numele cookie interpretabil ca variabilă sau 
array, după caz. 

Pornind de la secvențele anterioare, se prezintă două exemple de cod: 

- primul, realizând o setare a unui cookie cu două variabile (definit ca şir cu 
două elemente), respectiv afişarea valorilor lor dacă cookie-ul există deja; 

- al doilea, realizând o ştergere a cookie-ului (a ambelor valori, putându-se 
face şi doar o ştergere selectivă după cum este cazul). 
<?php 
if (lisset($_COOKIE[securizare1])) 

{ 

//echo "setez cookies: "; 
setcookie("securizare1[user]", "ION" ); 
setcookie("securizarei[parola]", "PAROLA123",time()+30); 
? 


else 
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{ 
echo "cookies setate:: "; 
foreach ($_COOKIE[securizare1] as $value) 4 
$value=htmlspecialchars($value); 
echo "$value <br />\n"; 
} 
p ?> 

Prima secvență a codului anterior verifică dacă există un cookie cu numele 
securizare1, în caz contrar creând unul, conținînd două variabile cu valorile lor 
explicite (eventual cu timp de expirare). A doua secvenţă detectează existenţa 
cookie-ului, afişând valorile variabilelor acesteia (tratarea făcându-se ca în cazul 
unui şir). Funcţia htmilspecialchars este recomandată a fi folosită pentru tratarea 
cazului folosirii unor caractere speciale (<,>, &, ”, etc.) 

Ştergerea cookie-ului se face prin setarea unui moment de timp anterior de 
expirare, (practic expirare într-o secundă pentru exemplul următor). Exemplu: 
<?php 
setcookie("securizarei[user]", "ION", time()-1); 
setcookie("securizarei[parola]", "PAROLA123",time()-1); 

?> 
Observatie: Dacă se şterge doar o variabilă a cookie-ului, acesta rămâne în 
continuare definit/setat cu cealaltă valoare, iar funcția isset va returna TRUE. 


2.11. Transferuri de parametri 
2.11.1. Selecţii multiple 


În capitolul anterior (HTML) au fost descrise câteva etichete HTML care 
permit selecţii multiple, acelaşi parametru putând să fie transmis de către un 
formular spre un script apelat cu mai multe valori simultan. In acest context, se 
pune problema modului de preluare a acestor valori multiple de către un script PHP. 
In principiu este vorba despre modul de interacţiune cu PHP a etichetelor INPUT cu 
atributul checkbox, respectiv SELECT. 

Eticheta INPUT, cu atributul checkbox, permite selectarea (bifarea) sau nu a 
uneia sau mai multor casete de selecţie (cărora li se ataşează valori fixate, 
predefinite). Problema este simplă în cazul în care o singură casetă este bifată (sau 
există o singură caseta care poate fi selectată sau nu), variabilei cu numele precizat 
de parametrul name atribuindu-se valoarea singulară, fixată a parametrului value. 
În cazul lipsei unei selecţii, variabila cu numele dat de parametrul name este creată, 
dar nu este setată, având practic o valoare vidă. Spre exemplificare, se consideră 
scriptul următor care utilizează, într-un form, o astfel de casetă de selecţie INPUT 
checkbox (fig.2.26). 
<?php 
echo "<form name="myform' method="post’ action='a.php'>"; 
echo "Selecteaza: <input type="checkbox’ name='check' value='id' >"; 
echo "<input type="SUBMIT' value='Validez selectiile” >"; 
echo "<form>"; ?> 

Dacă se utilizează şi atributul checked, linia 3 a scriptului fiind de forma: 
echo "Selecteaza: <input type='checkbox' name='check' value='id' checked >"; 
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checkbox-ul este implicit selectat (bifat). 

Formularul astfel construit, trimite - în caz de selecţie (bifare) a casetei 
checkbox - variabila $check=id (name=check, value=id) spre un alt script (a.php). 
Scriptul următor arată modul în care poate fi verifucat rezultatul acţiunii asupra unei 
casete INPUT-checkbox (selecţie sau neselectie). In script apare funcţia empty care 
permite o verificare practic a selectării sau nu a casetei. Funcţia empty testează 
dacă variabila transmisă ca parametru nu are un conţinut (returnând TRUE pentru 
neselecţie, practic conţinut vid, respectiv FALSE pentru selecţie). Funcţia isset va 
returna TRUE doar dacă variabila are o valoare setată (selectată), respectiv FALSE 
în caz contrar. 
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Fig. 2.26. Casetă CHECKBOX 
<?php 
echo $check; 
if (empty($check)) 


echo "Variabila vida <br>"; 
if (isset($check)) 
echo "Variabila este setata <br>"; 
?> 
O situaţie specială este cea în care mai multe casete sunt selectate simultan 
(cazul INPUT checkbox), sau mai multe opţiuni sunt selectate simultan (cazul 
SELECT cu atributul MULTIPLE). Codul următor permite ilustrarea acestei situaţii, iar 
problema care se pune este legată de modul în care scriptul PHP apelat ştie să preia 
şi interpreteze aceşti parametri cu valori multiple. 
<form METHOD="GET" ACTION="apelat.php"> 
<SELECT MULTIPLE NAME="meserie[]'> 
<OPTION selected VALUE="Inginer"> Inginer 
<OPTION VALUE="Sofer" > Sofer 
<OPTION VALUE="Dentist"> Dentist 
</SELECT> 


Auto: <input type="checkbox" name="vehicol[]" value="Dacia" /> Autoturism 
Dacia 
<input type="checkbox" name="vehicol[]" value="Ford" /> Ford <p> 
<input TYPE="SUBMIT" VALUE="Cauta"> 
</form> 

Scriptul PHP necesită, într-un astfel de caz, trimiterea parametrilor ca şiruri 
array (meserie[],vehicol[]), iar preluarea şi interpretarea valorilor singulare se poate 
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face folosind construcţia foreach, specifică extragerii elementelor unui şir. Codul de 
prealuarea a acestor valori multiple este prezentat în continuare (construcţiile if 
permiţând evitarea unor mesaje de avertizare în cazul în care nici o selecţie nu este 
realizată) . 

<?php 

$sir=$_GET['meserie']; 

if ($sir) 4 // TRUE -dacă s-a făcut o selecţie 
foreach ($sir as $element) 


echo $element; 


>) 


$sir1=$_GET['vehicol']; 
if ($sir1) 
// sau echivalent: if(!(empty($sir1)), ! fiind operator de negare logică 


1 


foreach ($siri as $element) 


echo $element; 


Pho 2> 


2.11.2. Comenzi pentru transferul unor parametri speciali 


Comenzile urlencode şi urldecode sunt utilizate pentru pasarea unor 
parametri string al căror conţinut include mai multe cuvinte (şi deci implicit spaţii) 
sau caractere speciale. În cadrul conţinutului unui asemenea parametru, utilizând 
urlencode, spaţiile vor fi înlocuite cu semnul +, specific construcţiei unui şir URL 
(Uniform Resource Locator). [1][20] 

Spre exemplificare, fie scriptul următor cu numele a.php (fig.2.27): 
<?php 
echo $produsa; 
$produsa1=urlencode($produsa); 
echo "<form name="myform' method="post' action='b.php'>"; 
echo "<input type='text' name='produs' value=$produsa>"; 
echo "<input type='text' name='produsi' value=$produsa1>"; 
echo "<input type="SUBMIT' value='Validez selectiile” >"; 
echo "</form>"; 

?> 

Un apel al acestui script (şi o apăsare a butonului SUBMIT), din linia de 
comandă a browser-ului, cu un parametru de forma unui string format din mai 
multe cuvinte: a.php?produsa=un sir ceva mai lung 
va avea efectul din figura 2.28. Se poate observa o trunchiere a valorii parametrului 
transmisă spre prima casetă de tip input, în timp ce a doua casetă conţine şirul 
întreg (cu semnul + între cuvintele distincte). 

O afişare a valorilor pasate şi prelucrate de un script ţintă b.php (apelat în 
cadrul formularului form din cadrul scriptului anterior): 

<?php 

echo "1 '.$produs; 

echo "<p>"; 

echo '2 '.$produsi; 
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echo "<p>"; 
$produs1=urldecode($produs1); 
echo '3 '.$produsi; 
?> 
are următorul rezultat: 

1 un 

2 un+sir+ceva+mai+lung 

3 un sir ceva mai lung 
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Fig. 2.27. Transfer de parametri 


Se poate observa ca functia urldecode permite o refacere exactă a şirului 
(string-ului) iniţial şi preluarea conţinutului exact al parametrului astfel transmis 
(fig.2.27). 


2.11.3. Transfer UPLOAD 


PHP este capabil să recepţioneze fişiere asupra cărora s-a realizat o operaţie 
de upload de către un browser client. [1][20] Această caracteristică permite 
clienţilor să realizeze upload-uri asupra fişierelor text sau binare. 

Upload este operaţia inversă a download-ului. Dacă prin download se pot 
descărca (transfera) fişiere de pe server pe un host client, prin upload se poate 
realiza un transfer în sens invers: de pe un computer client pe hostul server (cu 
condiţia ca drepturile de scriere pe server sa permită acest lucru. Pentru 
exemplificare, un caz concret vizează stocarea într-o bază de date a unor fişiere 
imagine (în coloane de tip BLOB), operaţie necesitând obligatoriu realizarea 
anterioră a unui transfer upload.pe serverul Web al fişierelor vizate 

Un ecran pentru realizarea unui upload de fişier, poate fi realizat printr-un 
FORM special cu structura următoare (spre exemplu): 
<FORM ENCTYPE="multipart/form-data” ACTION="upload.php” METHOD="POST”> 
<INPUT TYPE="hidden” name="MAX_FILE_SIZE” value="1000000”> 
Send this file: <INPUT NAME="userfile” TYPE="file”> 
<INPUT TYPE="submit” VALUE="Send File”> 
</FORM> 
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Parametrul MAX_FILE_SIZE are doar o valoare informativă pentru browser 
(limita fiind impusă de setările browser-ului). De remarcat tipul special de FORM 
folosit, precum şi tipul file’ folosit pentru una din casetele INPUT. Efectul acestui 
FORM pe ecran este prezentat în figura 2.28. 

Următoarele nume de variabile sunt definite şi se presupun a fi utilizate în 
legătură directă cu numele 'userfi/e” al fişierului de upload-uit din exemplul iniţiat: 

-$userfile - numele fişierului temporar în care fişierul de transferat este 
stocat pe server (acelaşi cu cel al casetei INPUT de tip FILE) 

-$userfile_name - numele original, inclusiv calea spre fişierul de pe sistemul 
transmiţător 

-$userfile_size - dimensiunea fişierului de transferat în bytes 

-$userfile_type - tipul MIME al fişierului, dacă browserul oferă această 
informaţie (spre exemplu "image/gif”). 


În acest caz (legat direct de exemplul dat), conţinutul variabilei sistem 
$HTTP_POST_FILES este următorul: 
- $HTTP_POST_FILES['userfile']['name'] - numele original al fişierului pe maşina 
client 
- $HTTP_POST_FILES['userfile']['type'] - tipul (MIME) al fişierului 
- $HTTP_POST_FILES[ 'userfile”]['size”] - dimensiunea fişierului upload în bytes 
- $HTTP_POST_FILES['userfile']['tmp_name'] - numele temporar al fişierului în care 
este transferat şi stocat pe server 


Fişierele sunt stocate implicit în directorul temporar implicit al serverului 
(dacă nu este precizat un alt director temporar al PHP-ului, prin fişierul de 
configurare php.ini). 
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Fig. 2.28 Formular FORM pentru upload 


Iată un exemplu concret (prezentat în două variante): 
- prima variantă: 
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<?php 
// verificarea operaţie upload validă 
if(is_uploaded_file($HTTP_POST_FILES['userfile'] ['tmp_name'])) 


// transfer efectiv 

Copy($HTTP_POST_FILES['userfile']['tmp_name'], 
"c:WphpWloadedW“.$HTTP_POST_FILES['userfile']['name']); 

echo "OK - upload valid”; 

} 

else 

{ echo "operaţie eşuata”; 

) 

?> 

În prima variantă, functia is_uploaded_file()cu sintaxa: 

bool is_uploaded_file (string filename) 

returnează TRUE dacă fişierul filename a fost transferat printr-o operație 
validă de upload via HTTP POST. Funcţia COPY realizează un transfer al 
fişierului temporar upload-uit la o locație dorită. Primul parametru al comenzii COPY 
(tabloul special $HTTP_POST_FILES) localizează fişierul sursă (verificarea unei surse 
de upload fiind realizată prin funcţia is_uploaded_file), iar cel de-al doilea este 
practic destinaţia. 


- a doua variantă: 

<?php // upload direct 
move_uploaded_file($HTTP_POST_FILES['userfile”] ['tmp_name'], 

"c:WphpWloadedW”.$HTTP_POST_FILES['userfile']['name']); 

?> 


În a doua variantă, funcţia move_uploaded_file() cu sintaxa: 
bool move_uploaded_file (string filename, string destination), înglobează ambele 
operaţii executate în varianta unu, făcând atât verificarea anterior menţionată, cât şi 
transferul la o locaţie dorită. Dacă verificarea operaţiei upload nu este validă 
(FALSE), nici o acţiune nu este efectuată. Numele indicilor variabilei tablou 
($HTTP_POST_FILES) ['userfile”] [tmp_name] ['name']) sunt alese de către 
programator. 


2.11.4. Variabile cu nume construite dinamic 


Variabilele cu nume construite dinamic sunt utile în special în cazul în care 
este necesară utilizarea unui număr mare de variabile, necunoscut apriori, ca soluţie 
alternativă la utilizarea şirurilor. 

Exemplu: 

$fluctuant=5; 

for ($i=1;$i<s$fluctuant; $i++) 


// generare nume noi variabile (vari, var2, ...,var5) 
$var="var'.$i; 
// atribuire valori ($var1l=1, $var2=2,...) 


$$var=și; 
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// referire variabile şi afişare conţinut ($$var) atribuit variabilelor 
echo $$var.'<p>"; 


// 4 variabile construite - afişare valori atribuite 
echo $var1."'<p>".$var2."'<p>".$var3."'<p>".$var4; 


După cum s-a menţionat, alternativă o constituie utilizarea construcţiilor de 
tip şir (array). Iată şi o exemplificare privind transferul printr-o sesiune a unui şir de 
variabile sesiune între două scripturi, referite ca elemente ale unui şir: 


Tabel 2.6. 

Script _ a.php Script _b.php 
<?php <?php 
session_start(); session_start(); 
for($i=0;$i<5;$i++) for($i=0;$i<5;$i++) 
4 4 
$_SESSION['var[$i]']="ceva"; echo $_SESSION['var[$i]']; 

? 
echo "<a href='b.php'>Go!"; ?> 
?>$ 


2.12. Informații sistem 
2.12.1. Informaţii asupra datei şi timpului curent 


Sunt prezentate câteva funcţii utile pentru obţinerea datei şi timpului curent 
al sistemului (time( ), strftime( ), getdate( ). Este importantă uneori obţinerea 
exactă a datei (inclusiv a momentului de timp) aferente execuţiei unei anumite 
operaţii, astfel încât doar timpul de pe serverul Web (acelaşi pentru toţi clienţii 
apelanţi) poate fi luat în considerare. [1] Codul sursă al unui exemplu de utilizare 
este următorul: 

<?php 
//data curentă ca string 

echo "Timpul ca string: ".time()."<hr>"; 


// funcţia strftime( ) converteşte timpul curent într-o dată formatată 
$data=strftime("%d.%m.%Y",time()); 
echo "Data ca string an, luna, zi: ".$data."<br>"; 


// tot funcţia strftime( ) converteşte timpul curent într-un timp formatat 
$time=strftime("%H%M",time()); 
$time1=$time/100; 
echo "Timpul (ora, minut): ".$time1."\n"."<hr>"; 


/ /extragere zi, luna, an din time() ca elemente ale unui şir ( data ca array) 
$datal=getdate(time()); 
// construcţie data si timp afişat formatat 
$var="Data: ".$data1["mday"].".".$datal["mon"]."." 
.$data1["year"]." "."Timp: ".$timel."."; 
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print ($var."<br>"); // afişare 
// strtoupper - conversie la caractere mari 

echo "<strong>".strtoupper($var); // afişare 

?> 


Figura 2.29 este elocventă asupra efectului fiecărei funcții utilizate. 

Funcţia time( ) returnează timpul în secunde (ca string), scurs de la 
începutul “Epocii Unix” (1 Ian. 1970). Funcția este utilă, prin utilizarea împreună cu 
alte funcții, pentru determinarea datei sau timpului curent (folosit de regulă ca 
referință). Funcția strftime( ) formatează timpul/data, conform unui şablon dat ca 
argument, returnând un string, pe baza informaţiei furnizate de time( ). 
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Fig.2.29 Rezultate privind timpul şi data calendaristică 


Funcţia getdate( ) returnează un şir cu data calendaristică, permiţând 
referirea şi afişare element cu element (zi, lună, an). Funcţiile strtoupper( ), 
strtolower( ) realizează o conversie a unui şir de caractere (furnizat ca argument) la 
caractere mari, respectiv mici. 


2.12.2. Informaţii privind accesul client 


În exemplul din paragraful anterior s-a realizat o contorizare a numărului de 
accese la o pagină Web. O altă informaţie utilă, referitoare la accesarea unei pagini 
Web, rezidă din întrebarea "Cine a accesat pagina Web?” Acest “cine” însemnă mai 
precis "Care este adresa IP a clientului care s-a conectat la pagina Web curentă?”. 

Pentru a răspunde la această întrebare şi nu numai, se consideră scriptul 
prezentat în continuare [1]: 

<?php 
//obţinere informaţii de mediu 

$I=getenv("REMOTE_ADDR”); 

$j=getenv("SERVER_NAME”); 

//afişare informaţii de mediu 

printf(” Your IP number is : Ysiwn”,$I); 

printf(” The server name is : Ysiwn”,$j); 

?> 

Funcția getenv cu sintaxa: 
string getenv (string nume_variabilă) 
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are ca parametru de intrare o variabilă predefinită de mediu. În cazul de faţă, cele 
două variabile au următoarea semnificaţie: 

REMOTE_ADDR - adresa IP a clientului 

SERVER_NAME - numele serverului 

Evident, utilizarea funcţiei getenv ( ) având ca parametru o variabilă 
predefinită de mediu, are ca rezultat returnarea unui string conţinând însăşi 
informaţia asociată semnificației acelei variabile. 

Afişarea rezultatelor pentru exemplul considerat s-a realizat folosind o 
funcţie de afişare formatată: printf(). 

In cazul de faţă %s însemnă că, conţinutul variabilei de afişat va fi tratat şi 
formatat ca un string (\n însemnă deja cunoscutul 'linie nouă”). Alte argumente de 
formatare posibile pentru printf(): %d -întreg cu semn în reprezentare zecimală, %f 
- număr în virgulă flotantă, %b - întreg în reprezentare binară etc. 


2.12.3. Generare e-mail 


Realizarea operaţiei de trimitere a unui e-mail utilizând un script PHP implică 
în primul rând existenţa unei conexiuni la un server de mail SMTP, urmată de o 
configurare corespunzătoare a câtorva opţiuni din fişierul php.ini. 

Presupunând că, numele serverului SMTP este aut.upt.ro, iar adresa de e- 
mail a emitentului este admQdomeniul.ro,configurarea fişierului php.ini implică 
următoarele (pentru o platforma Win32): 

[mail function] 

; For Win32 only. 

SMTP= aut.upt.ro ; for Win32 only 

; For Win32 only. 

Sendmail_from= admQdomeniul.ro; for Win32 only 

În acest moment, totul se rezumă la utilizarea funcţiei mail(), aşa cum se 
poate observa şi în scriptul următor: 
<?php 
$a=mail(“dan@aut.upt.ro”, “Acesta e un subject!!!”, “Asta este continutul”); 
echo $a; 

// 1- pt. Reuşită, O - pt. Nereuşită 
?> 

În exemplul prezentat, s-a utilizat o formă sintactică redusă a funcţiei 
mail(), având doar 3 argumente de intrare: adresa destinatarului, subjectul mail- 
ului, conţinutul propriu-zis. Funcţia returnează '1' în caz de reuşită, respectiv `O’ în 
caz de nereuşită. 


2.13. Servicii Web cu PHP 


Un serviciu Web este o componentă Web oferind o serie de metode care pot 
fi invocate (apelate, consumate) prin intermediul Web-ului (deci remote, la 
distanţă), folosind standarde deschise de comunicare. Practic, un apel de serviciu 
Web asigură o funcţionalitate similară cu cea a unei RPC - Remote Procedure Call 
(apel de procedură la distanţă), diferenţele fiind la nivelul tipului de apel, serviciul 
fiind invocat printr-un apel HTTP (utilizând protocolul SOAP). Mai mult, apelul 
serviciului poate fi făcut atât dintr-o aplicaţie WEB, cât şi dintr-o aplicaţie desktop. 
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Avantajul major al utilizării serviciilor Web constă în faptul că, anumite 
funcţionalităţi dorite şi deja existente ca implementare, pot fi integrate direct în 
cadrul unei aplicaţii, ne mai trebuind a fi codate, fiind rapid accesibile prin simple 
apeluri la componente deja existente. [14] 

Un serviciu Web dispune de câteva proprietăţi intrinseci, putându-se 
enumera următoarele: 

- este o componentă software de sine stătătoare (auto-încapsulată şi auto- 
descriptivă), apelabilă (consumabilă) dintr-o altă aplicaţie (Web sau Windows 
desktop); 

- are ca element de baza pentru transferul informaţiei formatul XML; 

- comunica utilizând protocoale deschise SOAP (Simple Object Access 
Protocol - protocol standard pentru transmiterea de mesaje între diferite module, 
definind regulile de procesare a unui mesaj, convenţii de apelare a procedurilor la 
distanţă (Remote Procedure Call - RPC) şi de reprezentare a raspunsurilor la aceste 
apeluri; 

- vizibilitate asigurată de sistemul UDDI (Universal Description, Discovery 
and Integration), ca sistem de bază pentru localizarea serviciilor Web, acesta 
făcându-le publică existenţa pentru a putea fi consumate; 

- autodescriere asigurată de metoda WSDL (Web Services Description 
Language) care asigură o descriere a interfeţei pentru utilizarea serviciului, creând 
documentele care descriu metodele serviciului, parametri şi argumentele acceptate 
ale acestora, date returnate etc.) 


Pot fi de asemenea punctate câteva proprietăţi funcţionale: 

- permit crearea de aplicaţii independente de platformă (sisteme de operare, 
instrumente, limbaje de programare folosite); 

- implementează componente care pot comunica între ele (indiferent de 
platformă); 

- un serviciu Web furnizează informaţii pentru descoperirea şi descrierea lui 
(şi a metodelor lui, parametrilor de apelare, date returnate etc.). 

Limbajul PHP (ca şi alte limbaje de programare Web) permite operarea cu 
serviciile Web, oferind în acest sens biblioteca extensie php_soap.dil (necesitând 
activarea ei prin configurarea corespunzătoare în fişierul php.ini). Problematica 
serviciilor Web este tratată la ora actuală intr-o mulţime de cărţi şi site-uri dedicate 
unele chiar exclusiv acestui subiect [14] [15] [26]. În paragraful de faţă nu se va 
intra în detalii privind modul de creare a serviciilor Web utilizând PHP-ul, fiind oferită 
o simplă exemplificare privind consumarea unui serviciu Web. Pentru cazul tratat s-a 
considerat apelul unui serviciu Web oferind cursul valutar curent, disponibil pe 
Internet la adresa: 

http://www.infovalutar.ro/curs.asmx?wsdl 

Codul unui posibil script PHP care realizează consumarea acestui serviciu 
este prezentat în continuare, cu comentariile de rigoare [27]: 

<?php 
// Configurare php.ini -> php_soap.dll 
// Instanţiere obiect SOAP 

$client = new SoapClient("'http://www.infovalutar.ro/curs.asmx?WSDL"); 


// Apel metodă cu data ultimei actualizări (fără parametri) 
$result = $client->lastdateinserted(); 


// afişare dată - se apelează singura proprietate pe care o are obiectul returnat 
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echo "Data ultimei actualizari: 
$result-> LastDatelnsertedResult."<br><b>"; 


// Se apelează metoda (cu un parametru de intrare) 
$result = $client->GetLatestValue 
(array('Moneda'=>'EUR')); 


// afişare curs - proprietatea pe care o are obiectul returnat 
echo 'Euro: '.$result->GetLatestValueResult.PHP_EOL; 
// apel metodă cu un parametru 
$result = $client->GetLatestValue 
(array('Moneda'=>'USD')); 


// afişare curs valutar apelând proprietatea pe care o are obiectul returnat 
echo 'USD: '.$result-> GetLatestValueResult; 
?> 


Rezumând, etapele necesare consumării unui serviciu Web folosind biblioteca 
extensie php_soap.d!l sunt următoarele: 

- Instanţiere obiect SOAP: 

$client = new SoapClient; 

- Apel metoda (cu parametri): 

$result = $client->metoda(array('param1'='val1”, 'param2'='val2"....)); 

- Apel proprietate pentru afişare: 

echo $result->Proprietate; 

Rezultatul rulării scriptului anterior este prezentat în figura 2.30: 
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Fig.2.30. Apel serviciu Web -afişare curs valutar 


Observaţie: PHP permite dezvoltarea de aplicaţii integrând servicii Web bazate şi pe 
altor pachete extensie (spre exemplu, nuSOAP ca suport conţinând un grup de clase 
PHP destinate creării şi operării cu servicii Web).[28] 
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2.14. Programare PHP orientată pe obiecte 


Programarea orientată pe obiecte (OOP -Object Oriented Programming) a 
apărut ca o necesitate în contextul creşterii complexităţii codului aplicaţiilor 
software. Pentru aplicaţiile de mari dimensiuni, o dezvoltare structurată a codului 
(orientată pe funcţii/proceduri) implicând existenţa unui număr foarte mare de linii 
de cod (uneori puternic redundant), prin modul de organizare a codului conduce la 
o lizibilitate scăzuta a acestuia şi implicit, la mari dificultăţi privind realizarea 
unor modificări ulterioare în cadrul aplicaţiei. 

OOP oferă o modalitate diferită de organizare a codului şi a datelor în cadrul 
unui program. [29] 

Din acest punct de vedere, elementele constructive de cod specifice OOP 
sunt clasa, respectiv obiectul. Clasa reprezintă definiţia unui obiect ("planul 
obiectului”). Prin instanţierea unei clase este creat un obiect (evident se pot face 
instanţieri multiple, construindu-se mai multe obiecte ale aceleiaşi clase). In cadrul 
clasei (definiţia obiectului) sunt precizate 

- atribute sau proprietăţi - (practic partea de date a obiectului) reprezentate 
prin declaraţii de variabile, inclusiv posibile iniţializări ale acestora; 

- metode - (partea de cod a obiectului) reprezentate prin funcţii (sau 
proceduri) constituind totodată şi interfaţa obiectului destinata manipulării datelor 
acestuia. 

OOP este fundamentată pe 3 principii de bază: 

- încapsulare - fiecare obiect este de sine stătător şi complet autonom 
(conţinând atât date -proprietăţi-, cât şi cod -metode). Un obiect are o interfaţă 
clară, bine definită, folosită pentru a manipula obiectul; 

- moştenire; 

-  polimorfism. 

Asupra ultimelor două se va reveni în contextul programării în PHP (existând 
câteva particularităţi specifice acestuia). Particularizat la PHP, în continuare sunt 
tratate următoarele aspecte [20]: 

- Crearea unei clase (proprietăţi, metode) 

Crearea unui obiect (instanţierea clasei) 

- Utilizarea proprietăţilor obiectului 

- Apelul metodelor obiectului 

-  Moştenirea 

-  Polimorfismul 

În limbajul PHP, crearea unei clase se face utilizând instrucţiunea class. O 
definire minimala a unei clase, este prezentata mai jos: 

class denumire_clasa { 

i 

În vederea atribuirii unei funcţionalităţi clasei. este necesară definirea unor 
proprietăţi şi metode. Proprietăţile se creează prin declararea unor variabilelor la 
începutul definiţiei unei clase folosind instrucţiunea var. Următoarea secvenţă PHP 
creează o clasă denumită Cl/asal1 având două atribute (proprietăţi): $message, 
$data (ultimul fiind şi iniţializat). 

class Clasal 4 

var $message; 

var $data="initializat”; 

) 

Metodele se creează prin declararea unor funcţii PHP în definiţia clasei. Codul 
următor va crea (pentru clasa Clasa1) două metode: 
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- metoda setMessage, având un parametru de intrare ($param) şi permiţând 
o setare a valorii proprietăţii $message. De remarcat că, în cadrul definiţiei clasei, 
referirea unei proprietăţi a acesteia se face folosind operatorul $this care precede 
numele proprietăţii (nume utilizat fără $ în faţă). In cazul de fata: $this->message. 
- metoda getMessage, fără parametrii de intrare, care afişează un mesaj, 
respectiv returnează valoarea proprietăţii $message. 
<?php 
class Clasal 
4 
var $message; 
var $data="initializat”; 


function setMessage($param) 


$this->message = $param; 


? 

function getMessage() 

{ 
echo "Mesajul pentru obiectul 1 este:<br>"; 
return $this->message; 
? 

} v 

// . . „cod PHP instanțiere clasă 

?> 


Evident s-a inclus codul în tag-urile de delimitare specifice PHP. După ce a 
fost creata clasa, în continuare se prezintă modul de instanțiere a clasei în vederea 
creării unui obiect, precum şi modul de setare a proprietăţilor acestuia şi de apel al 
metodelor (prin completarea secvenţei anterioare, după încheierea definiţiei clasei): 

$Obiecti =new Clasa1(); 


$Obiect1->setMessage("Setarea proprietate folosind o metoda"); 
echo $Obiect1->getMessage(); 

$var=$Obiect1->getMessage(); 

echo $var; 


$Obiect1-> message="Setare directa a proprietatii printr-o atribuire "; 
echo $Obiect1->getMessage(); 


echo $Obiect1->data; 
Rezultatul rulării scriptului este următorul: 


Mesajul pentru obiectul 1 este: 
Setarea proprietate folosind o metoda 
Mesajul pentru obiectul 1 este: 

Setarea proprietate folosind o metoda: 

Mesajul pentru obiectul 1 este: 

Setare directa a proprietatii printr-o atribuire 
initializat 


Ulterior declarării unei clase, este necesara crearea un obiect cu care acesta 
să opereze. Operația este denumita instanţierea unei clase sau crearea unei 
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instanţe. În limbajul PHP pentru aceasta operaţie, se utilizează instrucţiunea, 
cuvântul cheie new. 

- Deci prima linie din secvenţa de cod anterioară creează un nou obiect 
Obiect1 prin instanţierea clasei C/asa1. 

- In continuarea se face un apel al metodei setMessage ($Obiect1- 
>setMessage) pasându-i un parametru, metoda care permite setarea proprietăţii 
message. Linia următoare apelează metoda getMessage (fără parametrii), care 
afişează un mesaj şi returnează o valoare (a proprietăţii message, afişată pe ecran 
folosind echo). 

- Valoarea returnată putea fi evident memorată într-o variabilă ($var în cazul 
de faţă). . 

- În acest caz, setarea proprietăţii message a fost realizată prin apelul unei 
metode. Setarea unei proprietăţi a unui obiect se poate face şi prin atribuirea directă 
a unei valori către proprietatea referită ($Obiect1->message="Setare directa a 
proprietatii”) sau chiar printr-o iniţializare în definiţia clasei (vezi proprietatea 
$data). Toate comenzile de afişare (echo) au fost utilizate doar pentru a evidenția 
modul de referire a atributelor/metodelor obiectului. 


Observaţie: În cazul limbajul PHP nu se limitează accesul la proprietăţi. Implicit 
toate proprietăţile sunt de tip public, neputând fi declarate private sau protected. 
Orice proprietate declarată în definiţia clasei poate fi referită în exteriorul ei printr-o 
construcţie de tipul: $Obiect->nume_proprietate; 


O metodă specială a unei clase este aşa numita metodă constructor. O 
metoda constructor are acelaşi nume cu al clasei, fiind apelata automat la crearea 
unui obiect (realizând operaţii de iniţializare, crearea de alte obiecte necesare 
obiectului în cauza etc.). Un constructor se declară similar cu celelalte metode, 
singura deosebire fiind ca are acelaşi nume ca şi clasa. In PHP definirea unei metode 
constructor nu este obligatorie. Clasa anterior creata nu avea definit un constructor 
(unele proprietăţi fiind însă iniţializare direct odată cu declararea lor). 

Pentru exemplificare, se va crea un constructor pentru Clasa1, care va afişa 
un mesaj şi va iniţializa proprietatea $message. Definiţia anterioară a clasei se va 
completa cu încă o metodă (având acelaşi nume cu al clasei): 

function Clasa1() 


{ 
echo "Obiect creat<br>"; 
$this->message = "initializare_obiect1"; 


) 


O simplă secvenţă de creare a obiectului va apela imediat metoda 
constructor: 

$Obiecti =new Clasa1(); 

echo $Obiect1->message; 

iar rezultatul va fi: 


Obiect creat 
initializare_obiect1 


Pentru ca o clasă deja creată să poate fi instanţiată în mai multe scripturi 
PHP, fără a se face o replicare (copiere) a codului clasei în fiecare script, de regulă 
definițiile claselor sunt păstrate în fişiere distincte de cele în care sunt create 
obiectele. Pentru cazul de faţă, spre exemplu, într-un fişier c/ase.php este salvată 
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definiţia clasei, în timp ce într-un alt fişier PHP (obiect.php spre exemplu) se face 
instanţierea clasei (şi utilizarea obiectului): 

<?php 
// fişier obiect.php 

include("clase.php"); 

$Obiecti =new Clasa1(); 

echo $Obiect1->data; 

?> 

Evident fişierul clase.php poate contine definițiile mai multor clase. 


O caracteristică importantă a OOP o reprezintă moştenirea care permite 
crearea unei relații ierarhice între clase, folosind subclase. O subclasa, practic 
moşteneşte proprietățile şi metodele unei superclase. Prin intermediul moştenirii, pe 
lângă elementele moştenite (proprietăți şi metode), în cadrul noii clase se pot 
construi şi adăuga noi elemente (proprietăţi sau metode). Astfel, pornind de la clase 
de baza simple se pot deriva clase mai complexe şi mai specializate pentru o 
anumită aplicaţie. Utilizarea moştenirii creşte gradul de reutilizare şi lizibilitate al 
codului sursă, avantaj important al OOP (reducându-se substanţial munca 
programatorului în cazul în care aceleaşi metode pot fi scrise doar o singură dată 
într-o superclasă, în loc să fie scrise de mai multe ori în subclase separate). Pe baza 
superclasei Clasa1 (în acelaşi fişier script), se construieşte prin derivarea acesteia o 
nouă subclasa Clasa? (utilizând cuvântul cheie extends), care moşteneşte toate 
proprietăţile şi metodele superclasei, dar în acelaşi timp are şi alte noi proprietăţi şi 
metode: 

class Clasa2 extends Clasal 

{ 

var $message2="gama"; 

function getMessage() 

{ 
echo "mesajul nou pentru obiectul 2 este<br>"; 
return $this->message2; 


) 
function plus() 


echo "<br>ceva nou<br>"; 
) 
} 


De remarcat că, în cadrul subclasei Clasa2 se defineşte o metodă având un 
nume similar cu al unei metode din superclasa (getMessage), realizându-se în cadrul 
subclasei o suprascriere a metodei moştenite, precum şi o nouă metodă (plus). De 
asemenea, noua clasă are şi o proprietate în plus ($message1). 

O secvenţă de instanţiere şi utilizare a obiectelor subclasei se poate face prin liniile 
de cod următoare: 

$Obiect2 =new Clasa2(); 

$Obiect2->plus(); 

$Obiect2->setMessage("beta"); 

echo $Obiect2->message."<br>"; 

echo $Obiect2->getMessage(); 
are rezultatul următor: 
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Obiect creat 

ceva nou 

beta 

mesajul nou pentru obiectul 2 este 
gama 


Crearea obiectului prin instanţierea subclasei C/asa2 conduce şi la 
moştenirea constructorului corespunzător (afişându-se Obiect creat). Apelul metodei 
plus conduce la afişarea mesajului ceva nou. Apelul metodei moştenite setMessage 
permite setarea proprietăţii moştenite message. Apelul metodei suprascrise 
getMessage (plasat într-un echo), conduce la afişarea ultimelor două rânduri. 


Observaţie: Mecanismul de moştenire funcţionează într-un singur sens, subclasa 
(copil) moşteneşte de la superclasa (părinte). Orice modificare a clasei părinte este 
automat preluată şi de clasa copil. 

O altă caracteristică importantă a OOP o reprezintă polimorfismul, prin 
intermediul căruia clase diferite pot conţine metode cu acelaşi nume, dar cu 
comportamente diferite. Chiar în exemplul cu moştenire, superclasa respectiv 
subclasa conţin metode cu acelaşi nume (getMessage), dar funcţionalităţi diferite. 
Se consideră încă un exemplu. În acelaşi script cu definiţia clasei Clasa1, fie definiţia 
unei clase Clasa3: 

class Clasa3 

{ 

var $message; 

function setMessage($param) 


{ 
$this->message = $param; 
echo "Clasa 3"; 
return $this->message; 
? 
) 


La o instanţiere a claselor şi folosire a obiectelor create: 
$Obiecti =new Clasa1(); 
$Obiect3 =new Clasa3(); 


$Obiect1->setMessage("Setarea proprietate folosind o metoda:"); 
echo $Obiect1->getMessage(); 


$Obiect3- > setMessage("Setarea proprietate clasei 3"); 


rezultatele sunt: 


Obiect creat 
Mesajul pentru obiectul 1 este: 
Setarea proprietate folosind o metoda: 
Clasa 3 


Observaţie: În PHP 4 nu este permisă supraîncărcarea metodelor (supraîncărcare - 
overload- o aceeaşi metodă având în cadrul aceleaşi clase definiţii multiple, fiecare 
cu un număr diferit de parametrii de intrare). Începând cu PHP 5 este introdusă 
experimental o funcţie overload() pentru a putea beneficia de acest avantaj. 
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Un exemplu concret de utilizare a programării orientate pe obiecte pentru 
realizarea conexiunii la un server MySQL, respectiv la baza de date, este prezentat 
în continuarea, în contextul în care aceste operaţii implică o refolosire repetată a 
aceleiaşi secvenţe de cod pentru fiecare script operând cu baza de date. 

Ca punct de start, se defineşte o clasă (Clasa1) implementând o metodă 
(setServer) executând operaţiile dorite (clasă salvată într-un fişier script distinct- 
Clase.php-, care poate fi referit şi inclus în orice alt script este necesar utilizând 
comanda include): 

- Fişier Clase.php: 

<?php 

class Clasa 

{ 

function setServer($var1, $var2,$var3,$var4) 

{ 
$returnez = @mysql_connect ("$var1", "$var2", "$var3") or die ("Eroare SERVER"); 
mysql_select_db("$var4") or die ("Eroare BD");; 

return $returnez; 

} 

} 

?> 

Metoda clasei are patru parametri de intrare (nume server, user, parolă, 
numele bazei de date), returnând în caz de reuşită un identificator de conectare (util 
pentru cazul conectării la mai multe servere SQL, pentru identificarea unei anumite 
conexiuni). 

Utilizarea clasei, în orice script este necesară o conexiune la MySQL, 
presupune o instanţiere a ei (creând un nou obiect), urmată de un apel al 
metodei ei, setată cu parametri adecvaţi: 

<?php 

include("'clase.php"); 

$Obiecti =new Clasa 1(); 

$db=$Obiect1->setServer("'localhost","'root", "parola","baza"); 

echo 'Conectare OK!'; 

$query = "SELECT * FROM test"; 

$interoghez=mysql_query($query); 


O soluţie şi mai compactă ca şi cod, presupune folosirea unui constructor şi 
astfel, la o instanţiere a clasei se face şi un apel automat al metodei realizând 
conectarea la server, respectiv la baza de date. Fişierul conţinând clasa are codul 
următor: 

- Fişier Clase.php: 

<?php //folosind constructor 

class Clasa2 

4 

var $returnez; 

function Clasa2($var1, $var2,$var3,$var4) 

{ 

$this->returnez = mysql_connect("$vari", "$var2", "$var3") or die ("Error 
connecting to mysql"); 

mysql_select_db("$var4"); 
return $this->returnez; 
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} 

}?> 

Scriptul în care se face un apel la această clasă pentru realizarea unei 
conexiuni la o bază de date MySQL poate conţine următorul cod: 

<?php 

include("'clase.php"); 

$Obiect2= new Clasa2("localhost","root"," parola", "baza"); 

$db=$Obiect2->returnez; // referire identificator conectare 

//cod interogare 


?> 
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3.1. JavaScript 
3.1.1. Elemente introductive JavaScript 


JavaScript este la ora actuală cel mai popular limbaj de script, rulând pe 
partea de client (browser Web), fiind destinat, în principal, sporirii interactivităţii 
paginilor Web. [8][17] Limbajul JavaScript, lucrând împreună cu elementele 
(etichetele) limbajului HTML, asigură o reacţie imediată la anumite evenimente 
ataşate acestor elemente, furnizând o dinamică sporită conţinutului paginii Web. 
[18] De asemenea, limbajul asigură posibilitatea unei validări rapide a datelor de 
intrarea preluate prin formulare HTML, precum şi diverse prelucrări de informaţii pe 
partea de client (inclusiv salvarea/accesarea unor date/resurse ale acestuia). Fiind 
practic un limbaj interpretat de browser-ul Web, dependenţa acestuia de tipul de 
browser este evidentă. [30] Astfel, este posibil ca o secvenţă de cod JavaScript să 
aibă un comportament pe un anumit browser Web, respectiv alt comportament pe 
un alt browser. Primul browser care a înglobat un interpretor JavaScript a fost 
Netscape Navigator 2.0, la ora actuală toate browser-ele Web integrând JavaScript 
într-o formă care se doreşte cât mai standardizată. În procesul de dezvoltare al unei 
aplicaţii Web, având drept fundament HTML-ul, codul JavaScript interacționează cu 
etichetele statice HTML, oferind o comportare dinamică a acestora şi implicit o 
apropiere a comportamentului unei aplicaţii Web de cel al unei aplicaţii desktop. 
Comparativ cu limbajele operând pe partea de server, codul JavaScript, pe lângă 
dezavantajul dependenţei de browser, nu poate fi ascuns, fiind total accesibil 
oricărui apelant al paginii respective. Din acest motiv, exemplele de utilizare fiind la 
îndemâna oricui fără nici o restricţie, în cadrul acestui capitol nu se va face o 
prezentare în extenso a limbajului, orice programator familiarizat cu limbajul C 
putând să preia de pe Internet secvenţe de cod JavaScript (integrate în diverse site- 
uri) dedicate celor mai diverse funcţionalităţi dorite. 

Observaţie: A nu se confunda JavaScript cu Java, ambele făcând parte de familia de 
limbaje C/C++, dar fiind complet diferite ca şi concept şi structură. 

Un simplu exemplu introductiv este prezentat în continuare pentru a 
evidenția modul de integrare a HTML-JavaScript într-un script rulând client-side: 
<html 
<head> 
<title>Exemplu JavaScript</title > 
</head> 
<body> 
<a href="javascript:buna()">Rulare JavaScript</a> 
</body> 
</html> 


<script language="JavaScript"> 
function buna() 
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4 
alert("Salut JavaScript!"); 


) 


</script> 


Codul precedent implementează o simplă funcţie JavaScript generând un 
mesaj într-o fereastră popup la accesarea unei referinţe. Evenimentul declanşator îl 
constituie un click pe referinţa respectivă. Se poate remarca sintaxa de descriere a 
unei secvenţe de cod JavaScript (marcajele de început/sfârşit cod), respectiv modul 
ei de apelare (referire integrată în codul HTML). 


3.1.2. Validare date numerice de intrare 


Exemplul din paragraful curent prezintă o funcţie JavaScript declanşată la 
apăsarea unei taste în interiorul unei casete INPUT dintr-un formular. Funcţia 
permite tastarea doar a cifrelor în interiorul casetei (respectiv a unor caractere de 
control, spre exemplu backspace), evitând astfel preluarea unor date eronate şi 
asigurând o validare în timp real a conţinutului casetei. De remarcat, în corpul 
funcţiei, structura bifurcată care tratează două situaţii de rulare a codului pe un 
browser din familia Internet Explorer, respectiv familia Mozilla (sau altele). 
Evenimentul ataşat etichetei INPUT este onkeypress. Funcţia returnează o valoare 
true sau false (funcţie de codul ASCII al tastei apăsate), valoarea false invalidând 
preluarea caracterului tastat (onkeypress="return false" -> invalidează preluarea de 
caractere de la tastatură). Codul anterior explicitat este următorul: 


<FORM action='tinta.php' method='GET'> 

Salariu: <input type="text" name="sal" onkeypress="return onlyNo(event)"> 
<input type='SUBMIT' value='Start'> 

</FORM> 


<script language="JavaScript" type="text/javascript"> 
function onlyNo(evenim) 
{ 
var e = evenim; 
if(window.event) 
{ // Internet Explorer 
var charCode = e.keyCode; 


else if (e.which) 
{ // Mozilla, Firefox 
var charCode = e.which; 
? 


// verificare plaja valori ASCII pentru cifre şi caractere de control 
if (charCode > 31 && (charCode < 48 || charCode > 57)) 
return false; // &&, || -> ŞI, SAU LOGIC 
return true; 


} 


</script> 
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3.1.3. Validare conţinut casete INPUT 


Tot ca o aplicaţie de validare a unor date de intrare, codul script următor 
integrează JavaScript pentru a forţa completarea cu informaţii a unor casete din 
cadrul unui formular. [30] Comparativ cu exemplul din paragraful precedent, în 
aplicaţia de faţă însă nu se verifică conţinutul informaţiei, ci doar prezenţa unei 
informaţii (date) în aceste casete. Scopul acestei aplicaţii este şi de a puncta alte 
câteva evenimente declanşatoare ataşate unor casete INPUT sau chiar unui întreg 
formular FORM, respectiv exemplificarea modului de referire a unor etichete HTML în 
cadrul codului JavaScript. Scriptul cod este următorul (vezi şi efectul prezentat în 
figurile 3.1.a. şi 3.1.b.):: 


<!—Cod formular HTML cu ataşare evenimente JavaScript--> 


<form method="GET" action="a.html" onsubmit="return checkform(this);" > 
<table align="center"> 

<tr> 

<td>Student: </td> 

<td> <input type="text" name="nume"> </td> 

</tr> 

<tr> 

<td>Nota Parcurs: </td> 

<td> <input type="text" name="nota1" onclick="return 
checkinput_alt(form)"> </td> 

</tr> 

<tr> 

<td>Nota Examen: </td> 

<td> <input type="text" name="nota2" onclick="return checkinput(form)" 
onblur="return checkinput(form)" ></td> 

</tr> 

<tr> 

<td colspan="2"><input type="submit" value="Adauga"> </td> 
</tr> 

</table> 

</form> 


<!--Descriere funcții JavaScript ataşate codului HTML--> 


<script language="JavaScript" type="text/javascript"> 
function checkform(form) // verifică conținut pentru toate casetele 


if (form.nume.value == "") { 
alert( "Nume student." ); 
//var bool=confirm(“Alege”);  ->Dialog Box 
form.nume.focus(); 
return false ; 


) 


if (form.nota1.value == "") { 
alert( "Nota Parcurs student." ); 
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form.nota1.focus(); 
return false ; 


) 


if (form.nota2.value == "") { 
alert( "Nota Examen student." ); 
form.nota2.focus(); 
return false ; 


} 
return true ; 
} 
function checkinput(form) // verificare casetă precedentă nota1 
{ 
if (form.nota1.value = Du 


alert( "Scrie ceva in campul 2 - Nota parcurs..." ); 
form.nota1.focus(); 
return false ; 

? 

return true ; 


} 


function checkinput_alt(form) // verificare casetă precedentă nume 


{ 


if (form.nume.value == "") 


alert( "Scrie ceva in campul 1 - Nume..." ); 
form.nume.focus(); 
return false ; 

) 


return true ; 


i; 
</script> 


Funcţia checkform ataşată formularului FORM şi apelată cu parametrul this 
(semnificând eticheta curentă HTML în cadrul căreia este referit evenimentul 
declanşator al funcţiei - în cazul de faţă, formularul FORM), verifică succesiv (la 
apăsarea butonului de tip SUBMIT) conţinutul celor trei casete din formular. Pe 
fiecare din cele trei ramuri if, dacă conţinutul casetei referite este vid, focusul 
rămâne în acea casetă până la o completare cu date a acelei casete (spre exemplu, 
pentru prima casetă cu numele NUME din formularul FORM: form.nume.focus()). Se 
poate remarca modul în care poate fi referit în JavaScript un element al unui 
formular: form.nume.value - precizând succesiv numele formularului (form - ca 
parametru sau this - ca formular curent), numele etichetei INPUT, respectiv 
proprietatea value. Această verificare realizează o validare/invalidare a conţinutului 
casetelor abia în momentul unui eventual transfer al acestor date spre o altă pagină, 
prin apăsarea unui buton SUBMIT (deci după eventuala completare a tuturor 
câmpurilor formularului - fig.3.1.a.). 
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O variantă mai rapidă de validare constă într-o verificare a conţinutului 
casetelor în momentul părăsirii lor - evenimentele declanşatoare fiind onclick pe 
caseta următoare (deci s-a părăsit o casetă al cărei conţinut este verificat, făcând-se 
click_mouse pe caseta următoare), respectiv onblur (pe caseta curent verificată - 
fig.3.1.b.) - semnificând părăsirea casetei focusate (tasta TAB, click mouse pe altă 
casetă), respectiv pierderea focusului acesteia. 


FE SeaMonkey [ox] E: SeaMonkey [- [a/x] 
Š Ele gdt View Go Bookmarks Tools window Help Š gle gdt view Go Bookmarks Tools Window Help 
e. 8.3 îi e ST: de) 3 - 9 4t. e. 3 F 3.9 
A a http://localhost; y |Search Ei ka bá http://localhost; phi M| | ASi h s 
Back Forward Reload & ni eakat haia iie 2 sk Print Back Forward Reload 4 H aake amia Print 
Z AkHome | WÉBookmarks mozila.org mozilazine £ mozdev.org AP Google AP aut.upt.ro webmail » | 4% tiome | WÉBookmarks mozila.org L mozilazne L mozdev.org Google 4 aut.upt.ro webMail » 
Student fion s Student: ion 
Nota Parcurs: | Nota Parcurs: 
Nota Examen: | Nota Examen: 
Cazare] 
The page at http://localhost says: DD tite ea ia), 
A Please enter un Nota Parcurs student, A Scrie ceva in campul 2 - Nota parcurs... 
3 dl SL ED GA Done ai 3 ED 2 ED) GE Done ma 


Fig. 3.1.a. Validare la SUBMIT (verificare 
la final) 


Fig.3.1.b. Validare caseta la OnClick pe caseta 
următoare (verificare on-line) 


Construcţia JavaScript de genul “return funcţie()” (integrată în formularul 
HTML) permite, în cazul în care funcţia referită returnează valoarea booleană FALSE, 
anularea efectului evenimentului declanşator (spre exemplu, pentru funcția 
checkform, anulează efectul SUBMIT). Toate funcţiile referite în aplicaţia de faţă 
returnează FALSE în cazul neîndeplinirii condiţiei verificate. 

Funcţiile checkinput, respectiv checkinput_alt verifică conţinutul unei 
anumite casete precizate prin cod (notal, respectiv nume). Important este 
evenimentul care le declanşează, respectiv eticheta HTML de care este ataşat acel 
eveniment. Astfel: 

- Evenimentul onclick ataşat casetei notal, apelează funcţia checkinput_alt 
(având ca parametru chiar FORM-ul curent), verificând conţinutul casetei INPUT 
precedente - nume. 

- Evenimentul onclick definit pe caseta nota2, apelează funcţia checkinput (având 
ca parametru chiar FORM-ul curent), verificând conţinutul casetei INPUT 
precedente- nota. 

- Evenimentul onblur, definit suplimentar pe caseta nota2, apelează tot funcţia 
checkinput, deosebirea faţă de cazul precedent constând în faptul ca onblur 
semnifică o părăsire a casetei curente prin tasta sau prin click mouse pe orice altă 
casetă, declanşându-se la o pierdere a focusului de către caseta curentă (prompter- 
ul părăseşte caseta). Altfel spus, onclick interceptează evenimentul corespunzător 
generat de click mouse pe casetă, iar onblur pe cel generat de o părăsire a casetei 
(echivalent cu onLeave în alte limbaje). 

Prin strategia astfel adoptată, orice tentativă de părăsire fără completare a 
unei casete este anulată (prin returnare valoare FALSE de către funcţia apelată), 
respectiv focusul este repoziţionat pe caseta în cauză (printr-o comandă de genul: 
form.caseta.focus()). Acest mod de verificare "încrucişată” a conţinutului casetelor 
INPUT, dublată de o verificare suplimentară la submiterea finală, face practic 
imposibilă pasarea de către formular, spre scriptul apelat, a unor parametri nuli. 
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3.1.4. Aplicaţie de mapare pe o imagine 


Aplicația din acest paragraf are drept obiectiv funcţional crearea unei “hărți” 
pe o imagine (operaţie numită şi mapare pe o imagine), care capturează 
evenimentele legate de deplasarea mouse-ului (onMouseMove), respectiv click-uri 
ale mouse-ului pe aceasta (interceptate de o etichetă ancoră <A>), reacţionând în 
consecinţă prin afişarea unor mesaje. Un map imagine defineşte anumite locaţii pe o 
imagine (în genul unei hărţi), browser-ul răspunzând (prin apeluri JavaScript) la 
anumite interacțiuni ale utilizatorului cu acestea. 

În cazul de faţă, sunt definite trei zone dreptunghiulare pe imagine: zona 
titlul cărţii (partea de sus a imagini), numele autorilor (imediat sub zona titlu), 
respectiv zona editură (în partea de jos a imaginii). Interacțiunea cu tot restul zonei 
global definită prin atributele WIDTH şi HEIGHT ale etichetei IMG,este tratată de o 
ramură separată a secvenţelor de cod (ramura else). Pe tot restul ecranului aplicaţia 
nu asigură nici o interacţiune. Figura 3.2 prezintă pagina aşa cum apare în browser- 
ul Microsoft Internet Explorer (scriptul, în forma descrisă în continuare, funcţionând 
doar pe acest tip de browsere). 

Codul complet al aplicaţiei este următorul: 


<HTML> 

<FORM NAME="form "> 

<A href="javascript:apasare_mouse()" > 

<IMG SRC="poza.gif' WIDTH=162 HEIGHT=200 
onMouseMove="javascript:miscare()" ></A><BR> 

<INPUT TYPE="text" NAME="descriere"SIZE=50 value=" "> 
</FORM> 


<SCRIPT LANGUAGE="JavaScript"> 
<l-- 
var x_curent, y_curent; 


function apasare_mouse() 
{ 
if (in_zona(x_curent,y_curent,0,0,161,50)) 
alert("Programare in JavaScript"); 
else if (in_zona(x_curent,y_curent,100,60,161,90)) 
alert("Autorii cartii"); 
else if (in_zona(x_curent,y_curent,0,120,161,199)) 
alert("Publicata in editura Sams"); 
else 
alert("Alege o zona de imagine!"+" x: "+x_curent+" y: "+y_curent); 


) 


function in_zona(x,y,Rect_x1, Rect_y1, Rect_x2, Rect_y2) 
{ 
return( x>Rect_x1 && 
x<Rect_x2 && 
y>Rect_yl && 
y<Rect_y2); 
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function afiseaza_text(text) 


form 1.descriere.value=text; //formular lipsă: descriere.value=text; 


) 


function miscare() 
{ 
x_curent=event.x; 
y_curent=event.y; 


if (in_zona(x_curent,y_curent,0,0,161,50)) 
afiseaza_text("Programare in JavaScript"); 
else if (in_zona(x_curent,y_curent,100,60,161,90)) 
afiseaza_text("Autorii cartii"); 
else if (in_zona(x_curent,y_curent,0,120,161,199)) 
afiseaza_text("Publicata in Editura Sams"); 
else 
afiseaza_text("Alege o zona de imagine!"+" x: "+x_curent+" y: 
"+y_curent); 


</SCRIPT> 
</HTML> 
E] C:\carte\imagine_map.html - Microsoft Internet Explorer 
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Back Fărpard Stop Refresh Home Search Favorites History Channels | Fullscre 
| Address jej C:\carte\imagine_map.html z] | Links 


Microsoft Internet Explorer 


= (N Alege o zana de imagine! x: 160 y: 106 


Alege a zona de imagine! x: 160 y: 106 


lg] javascript:a | ESI Ea! [EJM |y Computer 
Fig. 3.2. Mapare mesaje pe o imagine-hartă folosind JavaScript 


ACET 


Din punct de vedere funcțional, următoarele aspecte sunt relevante: 

- la apelul scriptului (integrând cod HTML şi JavaScript), o pagină cu o imagine 
(poza.gif), respectiv o casetă de tip INPUT (înglobate într-un formular HTML având 
numele form1) este generată şi afişată pe ecran; 

- La o deplasare a mouse-ului pe ecran, în caseta INPUT este afişat un mesaj textual 
precizând zona deasupra căreia se deplasează mouse-ului. Dacă pointerul mouse- 
ului nu se găseşte într-o zonă explicit mapată a imaginii, un mesaj solicitând 
alegerea unei zone de pe imagine, respectiv coordonatele curente ale mouse-ului 
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sunt de asemenea afişate în caseta INPUT. 

- Dacă utilizatorul face un click mouse pe o zonă mapată a imaginii, un mesaj 
corespunzător, descriind numele zonei, este afişat într-o casetă popup ALERT. În caz 
contrar (click pe o zonă din afara hărţii), un mesaj de avertizare, însoţit de 
coordonatele mouse-ului, este de asemenea afişat într-o casetă JavaScript ALERT. 


Din punct de vedere al codului, două secvenţe distincte pot fi remarcate: 

a) Secvența de cod HTML generând fundalul “hartă” al imaginii, respectiv 
zona de afişare a unor mesaje într-o caseta HTML INPUT. De remarcat folosirea unei 
etichete ancoră <A> , al cărei atribut href (referinţă hipertext - setat în mod 
normal.spre un alt fişier script apelat), referă în cazul de faţă o funcţie JavaScript 
(integrată în scriptul curent), interceptând orice apăsare de mouse (eveniment 
implicit specific unei referinţe ancoră <A>). Evident, în această secvenţă, 
elementelor HTML le sunt ataşate evenimente, respectiv apeluri ale unor funcţii 
JavaScript adecvate funcţionalităţilor dorite. 

b) Secvența de cod JavaScript, conţinând o declaraţie de două variabile 
(vizibile în toate funcţiile din cadrul scriptului), respectiv patru funcţii JavaScript, 
fiecare cu o anumită funcţionalitate. 

În continuare este descris rolul fiecăreia dintre cele patru funcţii JavaScript 
integrate în cadrul aplicaţiei. 

Funcţia miscare() este prima apelată în momentul detectării unei mişcări a 
mouse-ului, citind şi stocând în permanenţă coordonatele curente ale mouse-ului 
(x_curent=event.x; y_curent=event.y) în două variabile publice, accesibile în tot 
codul JavaScript. Integrat în cadrul codului acestei funcţii, se realizează un apel al 
unei a doua funcţii numită in_zona. 

Funcţia in_zona, având drept parametri de intrare coordonatele curente ale 
mouse-ului, respectiv coordonatele a două puncte care definesc o anumită zonă 
vizată pe imagine (deci în total, 6 parametri), returnează o valoare booleană TRUE 
sau FALSE, după cum coordonatele curente al mouse-ului definesc un punct din 
interiorul, respectiv din afara zonei definite prin două puncte (corespunzând 
celorlalţi patru parametri ai ei). Operatorul && are semnificaţia unui ŞI logic, primii 
doi parametri ai funcţiei fiind coordonatele x şi y ale mouse-ului, iar următorii 
parametri fiind coordonatele x şi y ale celor două colţuri opuse (stânga-sus şi 
dreapta-jos) definind o zonă dreptunghiulară de mapare pe imagine. 

Funcţia miscare() verifică, printr-o structură, if-else, încadrarea pointerului 
mouse-ului în una din cele trei zone distinct mapate pe imagine. În caz afirmativ, se 
apelează o funcţie afiseaza_text care va afişa în caseta INPUT un mesaj 
corespunzător. In caz contrar (ramura else), se va afişa un mesaj adecvat, 
incluzând şi coordonatele curente ale mouse-ului. 

Şi în fine, ultima funcţie apasare_mouse face şi ea apel la funcţia care verifică 
încadrarea coordonatelor curente ale mouse-ului în zonele definite/mapate pe 
imagine (apelând funcţia in_zona într-o structură condiţională if-else), iar funcţie de 
rezultatul boolean returnat, va afişa mesajele adecvate, folosind de data aceasta o 
casetă JavaScript ALERT. 

După cum s-a mai menţionat, aplicaţia anterioară funcţionează corect doar pe 
browsere din familia Internet Explorer, fiind o dovadă a problemelor de 
compatibilitate cu browserul pe care le ridică o operare cu JavaScript. 

Dacă se doreşte o rulare şi pe browsere din familia Mozilla, codul anterior 
trebuie modificat corespunzător, astfel [33]: 

- Etichetei IMG i se atribuie un nume pentru a putea fi referită în JavaScript: 
<IMG SRC="poza.jpg" name= "ceva" WIDTH=200 HEIGHT=300 
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onMouseMove="javascript: miscare()"> 
- Scriptul JavaScript se modifică /completează astfel: 

Direct în secvenţa publică executată la încărcarea aplicaţiei se adaugă linia: 
document.ceva.onmousemove = miscarel; 
unde miscarel este o nouă funcţie (construită pe scheletul deja existentei funcţii 
miscare), fiind apelată doar de browsere Mozilla la o deplasare a mouse-ului în 
interiorul paginii, doar pe obiectul cu numele ceva (practic doar pe imaginea referită 
prin eticheta IMG). Astfel, scriptul JavaScript va debuta cu secvenţa următoare: 
<SCRIPT LANGUAGE="JavaScript"> 
<!-- 

var x_curent, y_curent; 
document.ceva.onmousemove = miscare1; 

// document.onmousemove = miscare; 

Dacă se foloseşte linia comentată, funcția miscarel interceptează 
coordonatele mouse-ului de pe tot ecranul (şi nu doar de pe zona limitată, impusă 
de coordonatele etichetei IMG cu numele ceva). 

Funcţia miscarel se construieşte pornind de la funcţia miscare existentă, 
modificându-se liniile citind coordonatele curente ale mouse-ului (parametru de 
intrare e având semnificaţia evenimentului onmousemove interceptat şi având o 
acţiune definită prin secvenţa de cod JavaScript anterior precizată): 
function miscare1 (e) 


x_curent=e.pageX; 
y_curent=e.pageY; 


Restul codului aplicaţiei rămâne nemodificat. Problema majoră rezolvată prin 
modificările anterioare a fost cea de a citi coordonatele curente ale mouse-ului 
utilizând o secvenţă de cod JavaScript compatibilă cu browserele Mozilla, 
completând totodată scriptul astfel încât aplicaţia să poată rula adecvat pe ambele 
tipuri de browsere. 


Observaţie: Deseori utilă pentru rezolvarea unor probleme de compatibilitate ale 
limbajului JavaScript cu diverse tipuri de browsere, următoarea secvenţă de cod 
permite o identificare şi afişare a numelui unui browser (utilizând funcţia JavaScript 
navigator.appName [36]): 
<html> 
<body> 
<div id="afis"> </div> 
<script type="text/javascript"> 
nume = "Nume Browser: " + navigator.appName + "</p>"; 
document. getElementByld("afis").innerHTML=nume; 
</script> 
</body> </html> 

Codul anterior afisează Netscape ca nume pentru browser-ele familiei 
Mozilla, respectiv Microsoft Internet Explorer pentru cealaltă familie. 


Există o mulţime de evenimente JavaScript, fiecare putând fi ataşate 
diverselor elemente-etichete HTML, conducând la o interacţiune dinamică a acestora 
cu utilizatorul. Tabelul 3.1 prezintă doar o foarte scurtă selecţie a unor astfel de 
evenimente, numite şi evenimente HTML DOM (Document Object Model), 
precizându-se acţiunea la care sunt declanşate, respectiv eticheta HTML de care pot 
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fi ataşate (multe dintre aceste evenimente putând fi comune mai multor etichete 


HTML).[34][35] 


Tabel 3.1. 
Etichetă Atribut - Descriere 
HTML Eveniment 

INPUT onclick Click mouse pe casetă 
onblur Pierdere focus casetă (onLeave) 
onmousemove Deplasare mouse pe caseta INPUT 
onkeypress Apăsare şi lăsare tastă în casetă 
ondbiclick Dublu click în caseta 

FORM onclick Click mouse pe formular (pe orice element 

al acestuia) 

onkeydown Apăsare o tastă în formular (pe orice 
element al acestuia) 

onsubmit Apăsare buton SUBMIT 

onmouseover Pointer mouse se mişcă deasupra 
formularului (deasupra oricărui element 
din formular) 

SELECT onchange Schimbare opțiune (selecție) 
onmousemove Deplasare mouse pe caseta SELECT 
onfocus Focus pe o anumită opțiune 

TEXTAREA onclick Click mouse pe casetă 
onmouseout Pointer mouse părăseşte casetă 


3.1.5. Transfer de informaţie între HTML şi JavaScript 


3.1.5.1. Citire valori etichete INPUT în variabile JavaScript 


Una dintre problemele care apar la operarea cu JavaScript este modul în 
care conţinutul/valorile unor elemente/etichete HTML se leagă (comunică) cu 
variabilele JavaScript. Prezentul paragraf tratează, cazul în care se doreşte o 
preluare a conținutului unor casete INPUT (procedura putând fi aplicată şi altor 
etichete HTML) şi transferarea lui spre variabile JavaScript. In acest sens, cinci 
exemplificări privind referirea în JavaScript a conţinutului unor etichete INPUT sunt 
prezentate şi comentate, astfel: 

- primele trei corecte şi funcţionale - evidențiind mai multe forme de referire în 
JavaScript a etichetelor HTML; 


- una parţial funcţională - evidențiind dependenţa de browser; 
- una incorectă - evidențiind caracteristica case-sensitive a limbajului JavaScript. 


Codul exemplificativ este următorul (comentariile însoţitoare fiind relevate 
pentru acţiunea lui): 


<form name="myForm" method="GET" action="a.html" onsubmit="functie()" > 
Name: <input type="text" id="nume" /> 
Time: <input type="text" name="timp"/> 
<input type="SUBMIT" value="Query" /> 
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<script language="javascript" type="text/javascript"> 
function functie() 


{ 
//Corect (folosire ID in loc de NAME ca proprietate) 


var varl=myForm.nume.value; 
alert("ceva1 "+ var1); 


/ /Corect: 
var vari=document.getElementByld("nume").value; 
alert("ceva2 "+ var); 


//Corect: 
var varl=myForm.timp.value; 
alert("ceva3 "+ var); 


/ Eroare pe Mozilla (proprietatea NAME nu substituie proprietatea ID), 


///Funcţional doar pe Internet Explorer! 
var varl=document.getElementByld("timp").value; 
alert("ceva4 "+ var); 


/ /Gresit (case-sensitive!) 

var varl=myForm.Timp.value; 

// sau tot greşit: var vari =myForm. timp. VALUE; 
alert("ceva5 "+ var1); 


//După prima eroare, restul de cod nu se mai execută! 


</script> 


Pentru depanarea codului JavaScript, browser-ele dispun de facilități care 
semnalează eventuale erori şi linia de cod în care apar (fie prin afişarea unor mesaje 
de eroare - cazul Internet Explorer, fie prin afişarea unei console de erori - cazul 
Mozilla). Figura 3.3 arată modul cum se poate afişa consola erorilor (pentru Mozilla), 
iar figura 3.4 detaliază, pentru scriptul anterior comentat, eventuale mesaje de 
avertizare, precum şi prima eroare apărută (funcţionarea scriptului întrerupându-se 


după aceasta) . 
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Fig. 3.4 Eroarea semnalată 


3.1.5.2. Setare atribute etichete HTML cu conţinut variabile 
JavaScript 


Operaţie inversă celei tratate în paragraful anterior, constă în setarea unui 
atribut corespunzător (atribut de conţinut) al unei etichete HTML (INPUT, IMG) cu 
valoarea unei variabile JavaScript. 

Pentru exemplificare se consideră o aplicaţie Web care la apăsarea unui 
buton permite afişarea aleatoare a unei imagini dintr-un set predefinit de patru 
imagini (folosind eticheta IMG), respectiv afişarea în cadrul unor casete text INPUT a 
conţinutului unei variabile indice, respectiv a conţinutului elementelor unui şir 
(array) JavaScript (fig. 3.5). 

În momentul startării aplicaţiei, evenimentul onload (ataşat etichetei 
body), apelează funcţia JavaScript initializare(). De asemenea, în codul JavaScript 
sunt declarate două variabile şir folosind constructorul Array() (vizibile în toate 
funcţiile, unul dintre şiruri fiind şi iniţializat). Funcţia initializare() creează patru 
elemente de tip imagine folosind constructorul Image(), atribuite elementelor şirului 
neiniţializat (anterior declarat în secţiunea publică), setând atributul src al fiecărei 
imagini spre un anume fişier jpg. 

La apăsarea unui buton este apelată funcţia afisez() care, generând aleator 
un număr întreg (în intervalul 0...3) folosit ca indice pentru referirea unor elemente 
din cele două şiruri, permite afişarea unei imagini (folosind eticheta IMG), respectiv 
setarea unui conţinut pentru cele două casete INPUT (vezi fig. 3.5). 

Codul complet al aplicaţiei este următorul (comentările suplimentare integrate 
în el fiind elocvente, fără a mai fi necesare alte explicaţii): 


<body onload="initializare()"'> 
<form name="myForm"> 
Nume: <input type="text" id="nume" > 
Numar: <input type="text" name="numar'"> 
<img src = "1.jpg" 

name = "imagine" 

height = 100 

width = 100> 
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<input type = "button" value = "Aleator" onClick = "afisez()"> 
</form> 


<script language= "javascript" type="text/javascript"> 


//declaraţii, iniţializări vizibile în tot codul JavaScript 


var descriere= new Array("zero", "unu", "doi", "trei"); 
var imagini = new Array(); 


function initializare() 


{ 
imagini[0] = new Image(50, 50); 
imagini[0].src = "1.jpg"; 
imagini[1] = new Image(50, 50); 
imagini[1].src = "2.jpg"; 
imagini[2] = new Image(50, 50); 
imagini[2].src = "3.jpg"; 
imagini[3] = new Image(50, 50); 
imagini[3].src = "4.jpg"; 

) 

function afisez() 

{ 


// random - numere intre O si 1, floor - rotunjire la cel mai apropiat întreg 
var contor=Math.floor(Math.random() * 4 ); 


document.imagine.src = imagini[contor].src; 
document.myForm.numar.value = descriere[contor]; 
myForm.nume.value = contor; //ambele forme (cu şi fără document) 


) 


</script> 


Mozilla Firefox 
File Edit View History Bookmarks Yahoo! Tools Help 


| EI Weather Forecast Ti... x f  http://loc,„imag.html x E Image array : Image n * | î_ Image Array Demo [EE JavaScript fier Meu, * | + | 


é localhost/imag.html a $4- Google P A 
(2) Most Visited Weather Forecast Timi... Google È aut.upt.ro webMail W Banca Naţională a Ro.. -_| MyEnel - Contul meu » 
Nume: 2 Numar: doi 

J 


Fig. 3.5 Setare atribute etichete HTML cu valori variabile JavaScript 


Relevant pentru obiectivul paragrafului - setarea atributelor unor etichete 
HTML cu valori ale unor variabile JavaScript - sunt liniile de cod următoare: 
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document.imagine.src = imaginil[contor].src; 
document.myForm.numar.value = descriere[contor]; 
myForm.nume.value = contor; 


Ca o concluzie privind modalităţile de transfer bidirecțional de informaţie între 
HTML şi JavaScript (mai precis între atribute ale unor etichete HTML şi variabile 


JavaScript), tabelul 3.2 prezintă o sinteză relevantă în acest sens: 


Tabel 3.2 


Citire valori etichete HTML (INPUT ) în variabile JavaScript 


- etichete HTML referite prin id sau name 
- etichete plasate într-un FORM myForm 


„id= “nume” „„name="nume” 


varl=myForm.nume.value; varl=myForm.nume.value; 


varl= varl= 


„value; value; 


Mozilla !!!) 


document.getElementByld("nume") | document.getElementByld("nume"). 


* Doar pe Internet Explorer (Nu şi pe 


variabile JavaScript 


Setare (scriere) atribute elemente HTML (INPUT, IMG, DIV ) cu conţinut 


„„„id="nume” sau  ...name="nume” (unde e posibil) sau 
„„„name="imagine” 


document.myForm.nume.value = variabila; 


myForm.nume.value = variabila; 


figura.src="ceva,jpg”;) 


document.imagine.src = figura.src; // (figura = new Image(50, 50); 


var elem_div = document.getElementByld('nume_DIV'); 
elem_div.innerHTML = variabila; 


sau direct: 


document.getElementByld('nume_DIV').innerHTML = variabila; 


Observaţie: JavaScript este CASE-SENSITIVE (inclusiv la referirea 


numelui 


atributelor unor elemente HTML!). Exemplu: atributul value - corect, VALUE - 


incorect. 


3.2. AJAX 


3.2.1. Introducere în AJAX - comparaţie cu tehnologia tradiţională 


JavaScript, ca limbaj de programare WEB (rulând pe partea de client), 
permite o mulţime de acţiuni care fac interfaţa cu utilizatorul mult mai prietenoasă. 
Astfel, se pot implementa validări ale datelor introduse prin formulare, operare cu 
imagini (vezi exemplele din paragrafele anterioare) meniuri, mesaje gen popup etc. 
Fiind un limbaj de programare rulând pe partea de client, JavaScript nu permite însă 
transferul informaţiei între browser-ul (clientul) Web şi serverul Web (fiind 
interpretat uneori chiar diferit de diversele tipuri de browsere). Dacă se doreşte 
preluarea unor date de la un server de baze de date sau trimiterea unor informaţii 
spre un script PHP (rulând partea de server Web), codul HTML, mai precis un 
formular HTML (FORM) oferă metodele GET şi POST pentru comunicarea (transferul) 
de parametri spre server, realizând astfel un apel parametrizat al unor scripturi. În 
momentul în care user-ul apăsa un buton de tip “Submit”, eventualii parametri sunt 
transferați spre server, aşteptându-se un răspuns din partea scriptului apelat, având 
ca rezultat afişarea unei noi pagini integrând informaţia returnată (fig.3.6.a). Dacă 
serverul Web răspunde mai puţin rapid (din diverse motive), utilizatorul are de 
aşteptat un anumit timp până la încărcarea şi afişarea completă a noii pagini. 

AJAX (acronimul pentru Asynchronous JavaScript And XML, 
reprezentând practic o grupare de tehnologii, gen JavaScript, XML, CSS, DOM, HTML 
şi DHTML), încercă să remedieze această problemă, lăsând codul JavaScript să 
comunice direct cu serverul Web, prin utilizarea un obiect special JavaScript numit 
XMLHttpRequest (sau un ActiveXObject).[16] Cu ajutorul acestui obiect, codul 
JavaScript poate trimite sau primi informaţii de la/spre server, fără a fi necesară 
reîncărcarea completă a paginii Web (printr-un eventual Reload), făcând astfel 
posibil un schimb bidirecțional, asincron, de date cu serverul (practic cu scripturi 
rulând server-side). Astfel, o secvenţă specifică de cod JavaScript (rulând pe partea 
de client), poate comunica cu cod rulând pe partea de server Web (fig.3.6.b). 
Descrierile prezentate în figurile 3.6.a, respectiv 3.6.b permit o analiză comparativă 
între o abordare clasică a modului de realizarea a apelurilor între diversele 
componente, respectiv o abordare AJAX. 


apel client al unei | 
pagini PHP | serverul executa codul 


3 | PHP si construieste un 


a | | 
eN D = | raspuns HTML 
| raspuns server continand cod $ pă | 


utilizator HTML si JavaScript i 


client Web 


server Web 


Fig.3.6.a. Apel clasic al unui script 
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Fig.3.6.b. Apel tipic AJAX 


AJAX încearcă totodată să elimine diferenţele de funcţionalitate şi 
interactivitate existente între o aplicaţie desktop şi o aplicaţie Web (ultima 
implicând, în tehnologia clasică, o actualizare permanentă a conţinutului întregii 
pagini). Astfel, o soluţie AJAX oferă posibilitatea de a utiliza dinamic controale HTML 
şi de a construi o interfaţa interacţionând cu utilizatorul şi oferindu-i facilităţi 
specifice aplicaţiilor desktop [16][18]. 

AJAX nu este o tehnologie în sine, ci mai mult o colecţie de tehnologii grupate 
în jurul unui nucleu central fundamentat pe JavaScript. Pot fi enumerate 
următoarele tehnologiile de bază implicate (mai mult sau mai puţin) în construcţia 
unei aplicaţii AJAX: 

- HTML - folosit pentru construcţia formularelor Web, ca elemente interactive 
de bază; 

- JavaScript - elementul central a unei aplicaţii AJAX, coordonând o 
comunicaţie asincronă între interfaţa client şi nucleul aplicaţie rulând pe partea de 
server (nucleul AJAX, utilizând obiecte dedicate, fiind implementat în JavaScript); 

- DHTML (Dynamic HTML) permite o actualizare dinamică a paginii, punând la 
dispoziţie elemente dinamice HTML gen DIV, SPAN lucrând integrat cu HTML; 

- DOM (Document Object Model) - utilizat (prin intermediul JavaScript) 
pentru a conlucra atât cu structura HTML (prin evenimente ataşate), cât şi (dacă 
este cazul) cu datele XML returnate de server; 

- XML (eXtensible Markup Language)- utilizat ca format pentru transferul 
datelor. 

Caracteristicile funcţionale principale ale AJAX sunt următoarele: 

- În momentul în care utilizatorul declanşează un eveniment (spre exemplu, o 
apăsare de buton), o secvenţă de cod JavaScript şi DHTML poate actualiza imediat 
interfaţa (sau o zonă a acesteia), lansând o cerere asincronă spre server pentru a 
trimite / prelua date. 

- După ce serverul generează un răspuns, se poate folosi cod Javascript 
(AJAX) şi CSS pentru actualizarea interfeţei grafice, fără a se face un REFRESH al 
întregii pagini! In momentul în care se întâmplă acest lucru, pagina utilizator 
(ecranul) nu clipeşte, nu dispare sau pierde din viteză, doar o zonă bine precizată a 
acesteia fiind actualizată (spre exemplu, o zonă DIV). 

- Caracteristica esenţială AJAX constă în capacitatea sa de a comunica 
asincron cu serverul (utilizând diverse obiecte specializate, gen XMLHttpRequest 
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sau ActiveXObject), fără a necesita un refresh al întregii paginii Web. În esenţă, 
AJAX plasează tehnologia JavaScript şi obiectul specializat (gen XMLHttpRequest) pe 
un strat de mijloc, ca liant, între componenta client-side (scripturi HTML, CSS, 
JavaScript) şi componenta server-side (scripturi PHP, Perl, ASP etc.). 


3.2.2. PHP cu AJAX 


3.2.2.1. Utilizare obiect XMLHttpRequest 


Orice aplicaţie utilizând AJAX implică utilizarea unei secvenţe JavaScript 
relativ standard, referită în continuare ca nucleu AJAX, necesitând instanţiere unui 
obiect special realizând comunicaţia asincronă, bidirecţionala, cu serverul Web (mai 
precis, cu scripturi rulând server-side). Funcție de tipul de browser apelant, există 
mai multe astfel de obiecte. Astfel, clasa XMLHttpRequest este folosită pentru 
browsere ale familiilor Mozilla-Firefox,. Safari, Opera, respectiv clasele bazate pe 
ActiveXObject - pentru familia Internet Explorer (cu parametri chiar diferiţi, funcţie 
de versiunea browser-ului). 

Pentru o simplă exemplificare a integrării unui nucleu AJAX într-o pagină Web, 
se consideră o aplicaţie de apelare asincronă (AJAX) a unui script PHP care permite 
afişarea automată, la declanşarea unui anumit eveniment, a momentului de timp 
curent (preluat de pe serverul Web). Din motive de realizare a unei simple 
comparații între un apel clasic, respectiv un apel AJAX, se va prevedea o afişare a 
momentului de timp curent, atât la încărcarea paginii printr-un apel clasic (acesta 
fiind actualizat doar la încărcarea paginii sau la un refresh explicit al acesteia), 
respectiv o a doua afişare (într-o casetă a unui formular) declanşată de un 
eveniment, afişarea fiind asincronă şi nu necesită un refresh al întregii pagini Web. 
Figura 3.7 prezintă cele două afişări comparative ale timpului: una statică iniţiată 
doar de încărcarea paginii, cealaltă dinamică, actualizată asincron la apariţia unui 
anumit eveniment declanşator (folosind AJAX) 

Structural, o aplicaţie AJAX conţine un script rulând pe partea de client, 
integrând cod HTML-JavaScript (inclusiv nucleul AJAX), realizând un apel al unui al 
doilea script rulând server-side (în cazul de faţă, serverTime.php), după cum s-a 
mai precizat. În exemplificarea curentă, din motive de tratare comparativă a celor 
două tipuri de apeluri (clasic/AJAX), în primul script se prevede, în aceiaşi pagină, şi 
o afişare iniţială, statică, necesitând un apel clasic al unui script PHP (din acest 
motiv, fişierul referit are extensia PHP, şi nu HTML cum ar fi uzual). 

Structura acestui fişierul apel.php (rulând majoritar -ca şi cod- pe partea 
de client) conţine: 
- funcţia JavaScript ajaxFunction, conţinând practic nucleul AJAX (integrat în orice 
aplicaţie AJAX), generând prin instanţiere un obiect de comunicaţie asincronă cu 
serverul, specific fiecărui tip de browser (din clasa XMLHttpRequest,spre exemplu 
pentru Mozilla, sau diverse versiuni de ActiveX-uri pentru Internet Explorer) [16]. 
- codul aferent comunicaţiei bidirecţionale propriu-zise utilizând obiectul anterior 
instanţiat (numit aici ajaxRequest), realizând apelul asincron al unui script rulând 
server-side, prin utilizarea unor funcţii/metode/proprietăţi specifice acestuia: 

- onreadystatechange - eveniment stocând funcţia care procesează 
răspunsul serverului (ce se întâmplă când răspunsul serverului este gata să fie 
procesat); 
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- readyState - proprietate stocând starea răspunsului serverului (0- cerere 
neiniţializată, 1-cerere nesetată, 2 -cerere trimisă,  3-cerere în procesare, 4- 
cerere completă) 

- responseText - metodă permiţând preluarea datelor returnate ca 
răspuns de către server (în exemplul de faţă, acestea fiind pasate spre documentul 
curent conţinând formularul MyForm, respectiv spre caseta time, ca şi conţinut value 
al acesteia). 

- open şi send - ca metode utilizate pentru trimiterea cererii spre server 
(apelul, eventual parametrizat al scriptului rulând server-side). Prima metodă are 
trei parametrii: metoda folosită (GET sau POST), adresa scriptului apelat de pe 
partea de server, iar ultimul parametru stabileşte dacă cererea este asincronă sau 
nu. A doua metodă efectuează cererea propriu-zisă, pasând şi eventualii parametri, 
dacă este cazul (pentru metoda GET, parametrul acesteia este tot timpul nulh. 
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Fig.3.7. Afişare dinamică timp 


Codul fişierului apel.php, integrând secvenţa AJAX, este următorul: 
<html> <body> 


<script language="javascript" type="text/javascript"> 
//Creare NUCLEU AJAX -asigurare compatibilitate browser 
function ajaxFunction()4 
var ajaxRequest; // variabila obiect Ajax 
try{ 
// Opera 8.0+, Firefox, Safari 
ajaxRequest = new XMLHttpRequest(); 
> catch (e)4 
// Internet Explorer 
try{ 
ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP"); 
> catch (e) { 
try{ 
ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP"); 
> catch (e)4 
alert("Eroare"); 
return false; 


3.2. AJAX 161 


) 

) 

// Funcție care preia date de la server Web 

ajaxRequest.onreadystatechange = function()4 
if(ajaxRequest.readyState == 4) 
document.myForm.time.value = ajaxRequest.responseText; 

) 

//Apel şi pasare date spre server Web 
ajaxRequest.open("GET", "serverTime.php'", true); 
ajaxRequest.send(null); 


) 


</script> 

<form name="myForm'> 

Name: <input type='text' onBlur="ajaxFunction()" name='username' /> <br /> 
<b>Afisare cu AJAX</b> <br> 

Time: <input type='text' name='time' /> 

</form> 

<b>Afisare fara AJAX </b><br> 

<?php include 'serverTime.php'; ?> 

</body> 

</html> 


Partea de cod clasic HTML-JavaScript, implementează un formular cu două 
casete INPUT, părăsirea primei casete (evenimentul onblur, echivalentul lui onLeave 
din alte limbaje) conducând (prin apelul funcției AJAX aferente ajaxFunction) la 
completarea în cea de-a doua casetă a timpului citit de pe server, prin apelul 
asincron implicit al scriptului rulat pe partea de server serverTime.php:. 
<?php 
echo date("H:i:s"); 

?> 

Apelul asincron putea fi declanşat şi la un eveniment onClick chiar pe caseta 
a doua în care se afişează timpul, dar în acest caz aplicaţia va reacţiona doar la un 
eveniment declanşat strict de mouse (nu şi de tastatură): 
<input type='text' name='time' onClick="ajaxFunction()" /> 

Exemplul anterior permite apelul asincron şi refresh-ul datelor afişate într-un 
element de tip caseta INPUT. În unele situaţii însă, se doreşte refresh-ul unei zone 
bine delimitate de pe ecran, spre exemplu utilizând o etichetă de tip DIV. In acest 
caz, în partea de cod HTML (eliminându-se caseta INPUT time), după formular se 
poate prevedea o astfel de zonă DIV (cu un ID bine precizat, prin care aceasta poate 
fi referită): 
<div id="Elem_DIV'><b> <?php include 'serverTime.php'; ?></b><br> </div> 

De asemenea, codul JavaScript pentru referirea zonei DIV de afişare/refresh 
implică următoarea modificare aferentă metodei AJAX (responseText) care 
interceptează şi procesează răspunsul serverului: 

ajaxRequest.onreadystatechange = function() 

{ 

if(ajaxRequest.readyState == 4) 
document.getElementByld('Elem_DIV').innerHTML= 
ajaxRequest.responseText; 


) 
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Se poate remarca modul specific de referire pentru încărcarea cu date a 
unui element DIV, comparativ cu un element INPUT: 


Caseta INPUT document.myForm.time.value=. . . 

(name="time”) 

Element DIV document.getElementByld('Elem_DIV').innerHTML=. . . 
(1D=”Elem_DIV”) 


Eticheta HTML DIV este de regulă cea mai folosită pentru implementarea 
unei zone limitate de afişare şi actualizare asincronă folosind AJAX, aşa după cum se 
va putea observa şi în exemplele următoare. 

Exemplul de faţă realizează un apel asincron, folosind metoda GET, fără 
pasare de parametri. Asupra modului de folosire şi al metodei POST, respectiv 
asupra modului de pasare de parametri ai apelului, se va reveni în exemplificările 
din paragrafele ulterioare. 


3.2.2.2. Grafică dinamică cu AJAX 


Una dintre aplicabilităţile cele mai des uzitate ale AJAX-ului este cea de afişare 
dinamică, într-o zonă cu rol de header al unei pagini Web, a unei informaţii 
multimedia destinată reclamei (schimbarea făcându-se automat şi aleator). 
Exemplificarea de faţă consideră o afişare a unui ceas marcând timpului curent 
(preluat de pe host-ul serverului Web), respectiv a unor imagini într-o ordine 
aleatoare, acţiunea desfăşurându-se într-o zonă DIV a paginii Web (vezi comparativ 
fig. 3.8.a şi 3.8.b). 


e + ETEN G] 
[B Most Visited E Weather Forecast Timi.. E Google D sutuptro webMail WE Banca Naţponală a Ra. Myknel - Contul meu |. | MyAccount: Acasă [BI Banca - BRD - Groupe... CA My UniCredit Bankin 


03:57:34 


Alt div 


Fig.3.8.a Grafică dinamică (o zonă DIV dinamică, două zone DIV statice) 


Evident că simpla afişare aleatoare a unor imagini (creând un efect de 
dinamică), se poate realiza şi folosit doar cod JavaScript clasic. Avantajul major 
oferit de AJAX (care impune utilizarea lui într-o astfel de situaţie) constă în faptul că 
dinamica generată de acesta nu implică un refresh al întregii pagini Web (cu efecte 
negative privind viteza de încărcare, "clipirea” conţinutului, momente de întrerupere 
a operării în pagină în aşteptarea reîncărcării etc.), ci doar o reîncărcare a zonei DIV 
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referite (în plus, aceasta făcându-se şi asincron, fără generare de sincope în zona 
utilă de lucru a paginii). 


2) Mozilla Firefox 


http://localhast/ajax1.php 
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Alt div 


Fig.3.8.b Grafică dinamică (doar conţinutul primului DIV s-a modificat) 


Aplicația considerată pentru exemplificare conţine următoarele elemente: 

Trei zone de afişare DIV (pentru a demonstra refresh-ul doar pe o zonă a 
paginii Web). In primul DIV (plasat în celula unui tabel pentru a limita dimensiunile 
lui) se încărcă periodic (printr-un apel asincron AJAX - la intervale de 1 sec.) timpul 
citit de pe server, respectiv un set aleator de câte două imagini (situaţie des 
întâlnită pentru afişarea dinamică aleatoare a unor reclame într-o zona header a 
unor site-uri). Al 2-lea şi al 3-lea DIV - sunt folosite pentru simple exemplificări ale 
faptului că restul paginii rămâne static (nu se face refresh), respectiv exemplificări 
ale modului de design/stilizare pentru un element DIV. Se poate observa că designul 
şi dimensiunile unui DIV se pot seta doar folosind CSS. Un DIV simplu (fără alte 
setări de atribute făcute prin CSS) ocupă întreaga lăţime a paginii (înălţimea fiind 
dată de dimensiunea conţinutului lui sau de modul de spaţiere al acestuia). 

Codul aferent aplicaţiei este următorul: 
<html> 
<body> 
<table border='1'> 
<tr><td> 
<div style="color:#0000FF; font-size: 30; background-color:#B3B3B3;" 
id='ajaxDiv'>Diviziunea 1</div> 
</td> 
<td> 
<form name='myForm'> 
<b>Zona de lucru </b><br> 
Name: <input type='text' onBlur="ajaxFunction()" name='username' /> <br /> 
Time: <input type='text' name='time' /> 
</form> 
</td></tr> 
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</table> 
<b>Afisare fara AJAX </b><br> 


<div style="display:inline-block; color:40000FF; font-size: 30; background- 
color:#B3B303; width: 70%; width: 70%; height: 300px" id='ajaxDiv1'> 
<?php include 'serverTime.php'; ?> 

</div> 


<div style="color:4/0000FF; font-size: 30; background-color:4+B3B3B3;" 
id='ajaxDiv2'>Alt div</div> 


</body> 
</html> 


<script language="javascript" type="text/javascript" > 


function ajaxFunction() 


{ 


var ajaxRequest; 


try{ 
// Mozilla, Opera 8.0+, Firefox, Safari 
ajaxRequest = new XMLHttpRequest(); 
> catch (e){ 
// Internet Explorer 


try{ 
ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP"); 
} catch (e) { 
try{ 
ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP"); 
> catch (e){ 
alert("Your browser broke!"); 
return false; 


) 


// Funcție de recepţie 
ajaxRequest.onreadystatechange = function() 


if(ajaxRequest.readyState == 4) 


var ajaxDisplay = document.getElementByld('ajaxDiv'); 
ajaxDisplay.innerHTML = ajaxRegquest.responseText; 
setTimeout('ajaxFunction()',10000); 
// reamorsare periodica 
? 

) 

ajaxRequest.open("GET", "serverTime.php'", true); 

ajaxRequest.send(null); 
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//startare prima oară la apel pagină (eveniment-apel pagină) 
ajaxFunction(); 
</script> 


Ca şi în exemplul precedent, în momentul în care cererea este completă 
(ajaxRequest.readyState == 4), DIV-ului identificat prin id i se trimite răspunsul 
cererii asincrone, şi totodată se restartează un timer (setTimeout) care va 
redeclanşa (reamorsa) funcţia AJAX după un interval de 10 secunde: 
setTimeout('ajaxFunction()',10000); 


Apelul explicit în scriptul JavaScript al funcţiei ajaxFunction() conduce la o 
prima rulare în momentul încărcării paginii. 

Scriptul PHP (serverTime.php) apelat si rulat pe partea de server are codul 
următor: 
<?php 
$vari=rand(1,5); //generare numere aleatoare întregi in interval [1,5] 
$var2=rand(1,5); 
echo date("H:i:s");  //timp server Web 
echo "&nbsp"; 


// este necesara existența a 5 imagini cu numele 1.jpg, 2jpg,....,5.]Pg 

echo "<img src='".$var1."'.jpg'"." height='200' weight='200' >"; 
//incărcare imagine 

echo "&nbsp"; //spaţiu între cele două imagini 

echo "<img src='".$var2.".jpg'"." height='200' weight='200' >"; 

?> 


Scriptul PHP practic generează numere aleatoare în intervalul [1,5] şi 
răspunde/returnează ora curentă, respectiv câte două imagini selectate aleator 
dintr-un set predefinit. Rulând aplicația se poate remarca că doar conținutul primului 
DIV se modifică, fără a afecta restul paginii (practic doar conținutul celulei tabelului 
în care este plasat primul DIV). 

În plus, s-a prevăzut un apel manual al funcţiei AJAX (conducând la o 
refresh-are imediată a timpul şi a imaginilor afişate) la un eveniment onBlur ataşat 
unei casete INPUT (declanşarea făcându-se la părăsirea acestei casete). 

Deoarece transferul printr-o metodă GET cu AJAX nu funcţionează pe 
Internet Explorer, utilizarea metodei POST (permiţând funcţionarea şi pe Internet 
Explorer) implica următoarea modificare de cod a funcţiei AJAX: 


// Functie de receptie 


ajaxRequest.onreadystatechange = function() 


4 
if(ajaxRequest.readyState == 4) 


var ajaxDisplay = document.getElementByld('ajaxDiv'); 
ajaxDisplay.innerHTML = ajaxRequest.responseText; 
setTimeout('ajaxFunction()',1000); 
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ajaxRequest.open("POST", "serverTime.php", true); 
var params =""; //nu sunt parametri de transmis 
http.setRequestHeader("'Content-type", "application /x-www-form- 
urlencoded"); 
http.setRequestHeader("'Content-length", params.length); 
http.setRequestHeader("'Connection'", "close"); 


ajaxRequest.send(params); 
} 


Observaţie: 
Dacă la un apel AJAX cu parametri, folosind metoda GET, codul aferent utilizat 
este de forma: 
var params = "? "'+"parl=" + vari + "&par2=" + var2; 
ajaxRequest.open("GET", "ajax-example.php" + params, true); 
ajaxRequest.send(null); 
trecerea la metoda POST implică o construcţie a un string cu parametri de transmis 
de forma (atenţie la ”?”): 
var params = "pari=" + vari + "&par2=" + var2; 


3.2.3. AJAX, PHP şi MySQL - aplicaţii 
3.2.3.1. Preliminarii 


Obiectivul paragrafului de faţă este de a oferi o descriere privind modul de 
integrare a unui nucleu AJAX (secvenţă AJAX)) în contextul unei aplicaţii PHP 
operând cu baze de date MySQL. Figura 3.9 prezintă o imagine privind interacţiunile 
dintre diversele componente implicate, privite din punct de vedere al 
funcţionalităţilor acestora, respectiv al tipului de cod folosit, rulând fie pe partea de 
client, fie pe partea de server (Web, respectiv MySQL). 

Ca şi în exemplul precedent, codul executat pe parte de client integrează 
secvențele HTML, respectiv JavaScript (în principal, nucleul de cod AJAX), afişând pe 
ecran o interfaţă HTML iniţială şi eventual reacţionând (bazat pe secvențele 
JavaScript) la diverse evenimente. În urma unui apel HTTP al scriptului HTML (vezi 
conexiunea [A] în fig. 3.9), acesta este încărcat şi executat pe partea de client 
(browser). Un eveniment (onClick, onMouseMove, etc.) este interceptat de 
secvențele JavaScript care apelează nucleul AJAX, lansând un apel asincron spre un 
script PHP localizat pe server (vezi conexiune [B] în fig. 3.9). Componenta AJAX 
poate să paseze şi parametri în cadrul acestui apel asincron. Execuţia server-side a 
scriptului PHP (interacţionând cu MySQL) generează un rezultat ca răspuns, acesta 
putând fi trimis şi folosit atât de scriptul iniţial HTML-AJAX (de exemplu pentru 
regenerarea/umplerea cu date a unor componente HTML interactive -vezi conexiune 
[B1]), cât şi de către o secvenţă HTML de afişare a rezultatelor (spre exemplu o 
zonă DIV - vezi conexiune [B2]) - permiţând o afişare de informaţii, fără o 
reîncărcare a întregii pagini Web (refresh doar pe zona DIV). 
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Script. HTML + 
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(tag DIV) 


Fig.3.9. Apel WEB cu AJAX (+PHP+MySQL) 


Exemplificările din paragrafele următoare vor urmări câteva scenarii posibil a 
apare în diverse aplicații, abordând gradat inclusiv probleme de codare specifice 
operării în acest triplet AJAX-PHP-MySQL, astfel: 

- interogare automată a unei tabele MySQL (printr-un apel asincron periodic din 
partea secvenţei AJAX), afişarea datelor returnate în pagina Web făcându-se fără 
refresh-ul întregii pagini Web (ca şi cod, nucleul AJAX făcând un apel asincron fără 
parametri spre server) 

- interogare cu parametri a unei baze de date, aceştia fiind preluaţi iniţial de 
secvenţă AJAX şi pasaţi spre scriptul PHP apelat asincron, asigurându-se de 
asemenea o actualizare a datelor de afişat, fără reîncărcarea întregii pagini (noua 
problemă de codare tratată fiind cea de realizare a unui apel AJAX asincron 
parametrizat). 

- interogare cu parametri a unei baze de date, apelul asincron fiind parametrizat ca 
şi în cazul anterior menţionat, datele returnate de scriptul PHP de pe server fiind 
utilizate pentru regenerarea şi umplerea cu date a unor elemente HTML interactive 
(casete SELECT), fără refresh-ul întregii pagini (apelurile asincrone repetate după 
fiecare eveniment-selecţie oferind o interactivitate şi dinamică sporită, apropiată de 
cea a unei aplicaţii desktop). 

Pentru aplicaţiile din paragrafele următoare se consideră tabela tabell 
(stocată în baza de date MySQL cu numele BAZA), creată cu comanda: 

CREATE TABLE tabel ( 
nume varchar(20) primary key, 
varsta int(3) NOT NULL, 
sex varchar(1) NOT NULL, 
salar int(5) NOT NULL 
X 
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3.2.3.2. Interogare cu actualizarea unei zone de afişare DIV 


Exemplificarea de faţă are drept obiective funcţionale următoarele: 

- interogarea automată, periodică (la intervale de timp prestabilite), a unei tabele 
MySQL, printr-un apel asincron realizat de către o secvenţă AJAX; 

- afişarea în pagina Web a conţinutului actualizat periodic al tabelei bazei de date, 
într-o zonă DIV, doar ea fiind actualizată constant, fără a se face un refresh al 
întregului conţinut al paginii Web. 

Din punct de vedere tehnic, cazul de studiu considerat prezintă o soluţie de 
codare asigurând o preluarea şi afişare/reafişare a rezultatelor tabelate ale 
interogării într-o zonă DIV (doar această porţiune a paginii Web fiind supusă unui 
refresh periodic). 

Aplicația încarcă iniţial în două zone tabelate datele tabelei MySQL, una 
dintre zone fiind supusă la intervale regulate unui refresh (în exemplul considerat, la 
intervale de 10 sec.), surprinzând implicit o eventuală modificare a conţinutului 
tabelei (fig.3.10). Se poate remarca că actualizarea celeilalte zone (fără AJAX) nu se 
face decât în cazul unui refresh explicit al întregii paginii Web (exact ceea ce doreşte 
să evite tehnologia AJAX, pentru o sporire a vitezei şi dinamicii aplicaţiei). 

Codul aplicaţiei, prezentat şi comentat în continuare, conţine două scripturi: 

- un script HTML-JavaScript (fişierul Start.PHP) integrând secvenţa AJAX propriu- 
zisă (rulând client-side), conţinând şi o comandă singulară PHP (rulând server-side), 
executată doar o singură dată la apelul scriptului şi introdusă în exemplul de faţă 
doar pentru o simplă comparaţie privind interogarea/afişarea datelor cu, respectiv 
fără AJAX. 

- un script PHP (fişier ajax-example1.php, rulând server-side), interacţionând cu 
baza de date MySQL şi apelat asincron (fără parametri în scenariul de faţă) de către 
nucleul de cod AJAX (acesta la rândul lui startat de o secvenţă timer). 

Funcţia JavaScript Ajax, incluzând secvenţa AJAX, este aproape similară cu 
cea din exemplul anterior (ajaxFunction). Secvența nucleu AJAX precizează în plus 
locaţia DIV spre care este trimis răspunsul script-ului PHP, asigurând o zonă de 
afişare supusă doar ea unei actualizări periodice (şi nu întreaga pagină Web: 
document. getElementByld('Elem_DIV').innerHTML= 
xmlHttp.responseText; 

Codul JavaScript conţine de asemenea o secvenţă pornită automat la 
încărcarea paginii Web (window.onload), scopul ei fiind cel de amorsare a unui cod- 
timer pentru declanşarea iniţială temporizată a nucleului AJAX: 
setTimeout('Ajax()',10000); 

Linia anterioară de cod se regăseşte şi în nucleul AJAX, apelul ei asigurând o 
reamorsare temporizată a timer-ului. Pe baza celor precizate, prima interogare a 
tabelei se realizează doar după 10 secunde de la încărcarea paginii, fiind repetată 
cu periodicitatea acestui interval. Dacă se doreşte o primă interogare chiar în 
momentul încărcării paginii, un apel direct, netemporizat, al funcţiei Ajax() poate fi 
făcut explicit (vezi linia comentată din codul scriptului). 

Ca zonă de afişare a răspunsului scriptului PHP apelat asincron de nucleul 
AJAX, respectiv reafişare şi refresh al datelor, s-a definit (prin cod HTML) un 
element DIV (identificat prin atributul id="Elem_DIV"). 


Observaţie: Comanda JavaScript setTimeout permitere a startare temporizată a unei 
funcţii JavaScript, aceasta executându-se o singură dată, după expirarea 
temporizării setate (în milisecunde). 
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Æ SeaMonkey DBR) 


X File Edit View Go Bookmarks Tools Window Help 


a si Rae) 


Reload 


(Home EBookmarks ® Universitatea "Politeh... 


Interogare: SELECT * FROM tabell order by nume 

Varsta |Sex |Salar <Afişare (interogare 
30 m [300 PHP)- fără AJAX (nu se 
face Refresh!) 


20 im |200 
Interogare: SELECT * FROM tabell order by nume 
Varsta |Sex |Salar 
30 m (300 
25 f£ 1400 
20 m |200 


< Afişare (interogare 
PHP)- cu AJAX (Refresh 
periodic, automat, doar 
a zonei DIV) 


O D| Doe 
Fig.3.10. Interogare tabelă cu şi fără AJAX 


Codul scripturilor anterior referite este prezentat şi comentat în continuare. 


Fişier Start.PHP: 
<html> <body> 


<!-- Fără AJAX nu se va face refresh automat!!!- pagina se va încărca doar o dată, 
vizualizând conținutul static al tabelei în momentul încărcării paginii (dubla afişare 
--> 


<?php 

// Cod doar pentru a demonstra că nu se face refresh la întreaga pagină 

include 'ajax-examplei.php'; //cod PHP 
?> 


<script type="text/javascript"> 


//Nucleul AJAX 
function Ajax() 


var xmlHttp; 
try { 
// Firefox, Opera 8.0+, Safari 
xmlHttp=new XMLHttpRequest(); 
) 
catch (e)4 
try { 
// Internet Explorer 
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP"); 
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catch (e) { 
try { 
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP"); 
) 
catch (e) { 


alert("No AJAX!?"); 
return false; 
? 
) 
) 


//Preluare date returnate de server 
xmlHttp.onreadystatechange=function()4 

ifO«miHttp.readyState==4) 

{ 

document.getElementById('Elem_DIV').innerHTML= 

xmiHttp.responseText; 

setTimeout('Ajax()',10000); // (Restartare timer şi refresh) 
? 


i 
xmilHttp.open("GET'","'ajax-example1.php'",true); 
xmlHttp.send(null); 

> 

//Final nucleu AJAX 


// Tot cod JavaScript: 

// Dacă se doreşte încărcare “zona AJAX” chiar la momentul O (altfel va 
// porni după 10 sec.) 

//AjaxU; 


// Startare timer la încărcare pagină 
// Eveniment declanşator timer 
window.onload=function() 


{ 

setTimeout('Ajax()',10000); 
) 
</script> 


<!-- Cod HTML - Elem_DIV-elementul de legătură HTML-JavaScript--> 
<div id="Elem_DIV'><b> Default text</b><br></div> 
</body> </html> 

Scriptul PHP apelat asincron şi rulând pe partea de server, realizează o 
interogare (neparametrizată) a unei tabele MySQL şi afişare tabelată a datelor 
(fiind un script clasic PHP-MySgl, al cărui răspuns este preluat de nucleul AJAX şi 
pasat spre zona de afişare DIV, fără a afecta restul conţinutului paginii Web care 
rămâne static, eliminându-se astfel efectul de "clipire” al unui refresh asupra 
întregii pagini Web): 


Fişier ajax-example1.php: 
<?php 
$host = "localhost"; 
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$user = "root"; 
$pass = "parola"; 
$baza = "baza"; 

//Conectare la server şi selectare bază de date 
mysql_connect($host, $user, $pass); 
mysql_select_db($baza) or die(mysqgl_error()); 
$query = "SELECT * FROM tabeli order by nume"; 
$result = mysql_query($query) or die(mysqgl_error()); 


//Afişare cap tabel 
$sir= "<table border=1>"; 
$sir .= "<tr>"; 
$sir .= "<th>Nume</th>"; 
$sir .= "<th>Varsta</th>"; 
$sir .= "<th>Sex</th>"; 
$sir .= "<th>Salar</th>"; 
$sir .= "</tr>"; 


// Afişare date 

while($row = mysql_fetch_array($result))4 
$sir .= "<tr>"; 
$sir .= "<td>$row[0]</td>"; 
$sir .= "<td>$row[1]</td>"; 
$sir .= "<td>$row[2]</td>"; 
$sir .= "<td>$row[3]</td>"; 
$sir .= "</tr>"; 

} 

echo "Interogare: " . $query . "<br />"; 

$sir .= "</table>"; 

echo $sir; ?> 


Observatie: În mod normal fişierul Start.PHP nu trebuia să includă cod PHP 
(motivele au fost expuse deja, fiind vorba de o simplă exemplificare comparativă 
între modul de interogare şi afişare clasică, respectiv modul bazat pe folosirea unui 
apel asincron JavaScript + AJAX). Fără secvenţa de cod PHP, conţinând doar cod 
HTML şi JavaScript, numele fişierului putea fi Start. HTML. 

Aplicația prezentată, în care secvenţa AJAX apelează scriptul PHP server- 
side folosind metoda GET, funcţionează doar pe browsere din familia Mozilla (pe 
Internet Explorer, AJAX cu GET nu funcţionează). Prin schimbarea metodei de apel 
în POST, funcţionalitatea acesteia este extinsă şi pentru browserele familiei Internet 
Explorer. Această schimbare, din punct de vedere al codului JavaScript aferent 
nucleului AJAX, implică înlocuirea secvenţei de cod următoare (specifice metodei 
GET): 


xmilHttp.open("GET","ajax-examplei.php'",true); 
xmlHttp.send(null); 


cu următoarea secvenţă de cod aferentă metodei POST: 


var params = ""; // string vid de parametri 
xmlHttp.open("POST","ajax-example1.php",true); 
xmlHttp.setRequestHeader("Content-type", "application/ 
x-www-form-urlencoded"); 


xmlHttp.setRequestHeader("Content-length", params.length); 
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xmlHttp.setRequestHeader("Connection", "close"); 
xmilHttp.send(params); 


În principiu, noua secvenţă setează string-ul cu parametri ai apelului (în cazul 
de faţă, string-ul este vid, neexistând parametri), respectiv realizează o transmitere 
explicită a lui, chiar dacă este vid (folosind xmiHttp.send). În plus, trebuie setaţi 
parametri header-ului necesar pentru un transfer şi apel prin metoda POST. [32] 


3.2.3.3. Interogare parametrizată a unei tabele MySQL 


Pornind de la exemplul precedent, următorul scenariu constă într-o 
exemplificarea a modului în care se utilizează AJAX pentru un transfer de parametri 
la apel (şi deci implicit, pentru o interogarea parametrizată a tabelei bazei de date 
MySQL). Exemplul AJAX anterior a permis un apel asincron pentru interogarea unei 
tabele MySQL, fără folosirea de parametri de interogare (trimişi spre scriptul rulând 
pe partea de server). Exemplul curent urmăreşte prezentarea unei modalităţi de 
comunicaţie  asincronă cu un transfer de parametri. [31] Astfel, după 
completarea/selecţia datelor de intrare folosind un formular HTML, la apăsarea 
butonului formularului parametri de apel sunt transferați, într-o primă etapă, spre 
codul JavaScript aferent nucleu AJAX, acesta repasându-i asincron spre scriptul PHP 
localizat pe server. 

Acest script realizează interogarea parametrizată a tabelei MySQL şi 
returnează un rezultat spre secvenţă AJAX. Tot secvenţei AJAX îi revine sarcina de 
a dirija acest rezultat spre zona de afişare precizată printr-un element HTML DIV, 
fără a se face un refresh al formularului şi implicit al întregii pagini Web (doar zona 
DIV fiind cea actualizată). Figura 3.11 prezintă rezultatul interogării asincrone, doar 
zona de afişare a datelor returnate (DIV) fiind actualizată la apăsarea butonului 
formularului. 


Æ SeaMonkey 
$| File Edit view Go Bookmarks Tools Window Help 


E2 aa 


Back 


Max varsta: |1000 
Max salar: |2500 


Query: SELECT * FROM tabell WHERE sex = 'm' AND varsta <= 
1000 AND salar <= 2500 


Nume |Varsta |Sex |Salar 
Dan |60 m (300 
Ion |20 m (200 


O 3209; 8 one 


Fig.3.11. Interogare parametrizată 
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Se poate observa existenţa a trei parametri de intrare (două elemente 
INPUT şi un SELECT). Preluarea valorilor acestor parametri şi transferul lor spre 
variabile JavaScript se face cu comanda de genul: 
var variabila1 = document.getElementByld('identificator_element').value; 

In continuare se construieşte string-ul folosit de o metoda GET pentru 
transferul de parametri, iar apelul asincron al scriptului PHP rulând pe partea de 
server se face integrând şi acest string cu parametri (vezi funcția 
ajaxRequest.open). Aplicația foloseşte în mare măsura codul aferent exemplului 
anterior, cu următoarele modificări: 

- se construieşte formularul HTML adecvat preluării parametrilor de la tastatură şi 
apelând funcţia AJAX (existând precizată o zona DIV de afişare a rezultatului, 
singura din pagina Web reactualizată): 

- se completează nucleul AJAX cu secvenţa de cod destinată preluării parametrilor 
din formularul HTML: 

var varsta = document.getElementByld('varsta').value; 

var salar = document.getElementByld('salar').value; 

var sex = document.getElementByld('sex').value; 

- se creează string-ul de interogare pasat (asincron şi cu GET) de către nucleul 
AJAX spre scriptul PHP apelat, executat pe server şi realizând interogarea efectivă a 
tabelei MySQL: 

var queryString = "?varsta=" + varsta + "&salar=" + salar + "&sex=" + 
sex; 

ajaxRequest.open("GET", "ajax-example.php" + queryString, true); 
ajaxRequest.send(null); 

- scriptul PHP este adaptat corespunzător preluării acestor parametri primiţi de la 
secvenţa AJAX şi realizării interogării SQL parametrizate. 

Codul complet aferent acestui scenariu aplicativ este prezentat în 
continuare: 

Start.html: 

<html> <body> 

<script language="javascript" type="text/javascript"> 
function ajaxFunction()4 


var ajaxRequest; 


try 

{ 
// Mozilla, Opera 8.0+, Firefox, Safari 
ajaxRequest = new XMLHttpRequest(); 

} 

catch (e)4 
// Internet Explorer 
try<{ 


ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP"); 
> catch (e) { 
try{ 
ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP"); 

} catch (e){ 
// Eroare 
alert("Eroare!"); 
return false; 
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} 
// creare funcție primind date de la server Web 
ajaxRequest.onreadystatechange = function() 
{ 
if(ajaxRequest.readyState == 4)4 
var ajaxDisplay = document.getElementById('ajaxDiv'); 
ajaxDisplay.innerHTML = ajaxRequest.responseText; 


// Transfer parametrispre server şi apel asincron 
var varsta = document.getElementByld('varsta').value; 
var salar = document.getElementByld('salar').value; 
var sex = document.getElementByld('sex').value; 
// Creare string interogare 
var queryString = "?varsta=" + varsta + "&salar=" + salar + 
"&sex=" + sex; 
ajaxRequest.open("GET", "ajax-example.php" + queryString, true); 
ajaxRequest.send(null); 


</script> 


<form name='myForm'> 

Max varsta: <input type='text' id='varsta' /> <br /> 

Max salar: <input type='text' id='salar' /> 

<br /> 

Sex: <select id='sex'> 

<option value='m'>m</option> 

<option value='f'>f</option> 

</select> 

<input type='button' onclick='ajaxFunction()' value='Query MySQL! /> 
</form> 


<div id='ajaxDiv'>Afisare rezultate </div> 
</body></html> 


Codul scriptului PHP (ajax-example.php) apelat asincron de către nucleul 
AJAX este următorul: 
<?php 
$dbhost = "localhost"; 
$dbuser = "root"; 
$dbpass = "parola"; 
$dbname = "baza"; 


mysql_connect($dbhost, $dbuser, $dbpass); 
mysql_select_db($dbname) or die(mysql_error()); 


$varsta = $_GET['varsta']; 
$sex = $_GET['sex']; 
$salar = $_GET['salar']; 
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// prevenire SQL Injection 
$varsta = mysql_real_escape_string($varsta); 
$sex = mysql_real_escape_string($sex); 
$salar = mysql_real_escape_string($salar); 


$query = "SELECT * FROM tabell WHERE sex = '$sex'"; 
if(is_numeric($varsta)) 


$query .= " AND varsta <= $varsta"; 
if(is_numeric($salar)) 
$query .= " AND salar <= $salar"; 


$qry_result = mysql_query($query) or die(mysqgl_error()); 


$display_string = "<table border=1>"; 
$display_string .= "<tr>"; 
$display_string .= "<th>Nume</th>"; 
$display_string .= "<th>Varsta</th>"; 
$display_string .= "<th>Sex</th>"; 
$display_string .= "<th>Salar</th>"; 
$display_string .= "</tr>"; 


while($row = mysql_fetch_array($qry_result))4 
$display_string .= "<tr>"; 
$display_string .= "<td>$row[nume]</td>"; 
$display_string .= "<td>$row[varsta]</td>"; 
$display_string .= "<td>$row[sex]</td>"; 
$display_string .= "<td>$row[salar]</td>"; 
$display_string .= "</tr>"; 


? 

echo "Query: " . $query . "<br />"; 
$display_string .= "</table>"; 
echo $display_string; 

?> 


Observatie. Reîncărcarea informaţiei interogate folosind cod JavaScript şi AJAX se 
poate face şi la apariţia altor evenimente ataşat unor elemente HTML.Spre exemplu, 
în formular poate apare o linie de genul: 
Varsta maxima: <input type='text' id='varsta' onmousemove='ajaxFunction()' /> 
<br /> 

Sau pentru zona de afişare DIV: 
<div id='ajaxDiv' onmousemove='ajaxFunction()'> Afisare rezultate </div> 


3.2.3.4. Reîncărcare dinamică a etichetelor SELECT - aplicaţie de 
filtrare 


Ultima exemplificare prezentată în acest paragraf are drept obiectiv 
descrierea unei soluţii bazate pe AJAX pentru regenerarea şi umplerea dinamică cu 
date a unor componente HTML de tip SELECT, utilizate pentru filtrarea succesivă, 
prin apeluri asincrone, a conţinutului interogat şi afişat al unei tabele MySQL. 
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Æ SeaMonkey 
PA File Edit view Go Bookmarks Tools window Help 
F A Home Bookmarks ® Universitatea "Politeh... % aut.upt.ro webMail 


Ei 


SE] | % Weather Forecast Timişoara, R... | ® http://localhost/start.html 


Varsta mai mica decat:: | v| Nume: 


O 129; È Done 
Fig.3.12. Primul apel (încărcare HTML+JavaScript) 


Astfel, se doreşte ca în momentul în care se face o selecţie (folosind una 
dintre casetele de selecţie SELECT - vezi fig.3.12), acest eveniment să reîncarce 
succesiv câte o altă casetă SELECT cu datele filtrate aferente ei, şi totodată, folosind 
aceste selecţii /filtrări succesive, tabela MySQL este reinterogată (asincron), afişarea 
datelor fiind reactualizată corespunzător. Fiecare nouă selecţie conduce la o filtrare 
suplimentară, în timp real (fără a fi necesar un refresh al întregii pagini Web). 

Æ SeaMonkey 
z File Edit view Go Bookmarks Tools window Help 


j Home Bookmarks % Universitatea "Politeh... ® aut.upt.ro webMail ® CURSURI 


b: 


E | % weather Forecast Timişoara, România | ... | ® http: //localhost/start. html 


Sex: |m * 


varsta 
60 
20 
35 


Varsta mai mica decat: { 60; v Nume: |lon___* 
20 
35 


O 294 ð Doe 
Fig.3.13. Eveniment OnChange pe SELECT sex (SELECT varsta încărcat interactiv) 


În fig. 3.12 se observă cele trei casete SELECT (necompletate încă cu date 
deoarece nu s-a realizat nici o selecţie, respectiv nici o interogare a tabelei MySQL). 
Doar primul SELECT are valori statice (neîncărcate din tabela MySQL), celelalte două 
încărcându-se dinamic, succesiv, cu date aferente filtrării anterioare (simultan cu 
afişarea tabelată a conţinutului filtrat al tabelei -vezi fig.3.13, 3.14 şi 3.15 ). 

La o selecţie în prima caseta SELECT (Sex), informaţia interogată aferentă 
selecţiei efectuate este afişată, iar următoarea casetă SELECT (varsta) este la 
rândul ei încărcată cu datele corespunzător filtrate - vezi fig.3.13. 
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Fig.3.14. Eveniment OnChange pe SELECT varsta (SELECT nume încărcat interactiv) 


# SeaMonkey 


$| File Edit view Go Bookmarks Tools Window Help 


E (Home EBookmarks % Universitatea "Politeh... % aut.upt.ro webMail % CURSURI 


4 % Weather Forecast Timişoara, România |... | ® http://localhost/start,. html x 


Varsta mai mica decat: | 35 y Nume: fi 


Ovidiu 


O = 9 È Done 


În momentul în care şi pe acest al 2-lea SELECT varsta (proaspăt încărcat cu 


date din tabela MySQL) se face o selecţie, cel de al 3-le SELECT este şi el încărcat cu 


date filtrate (iar afişarea tabelată este actualizată) 


- vezi fig.3.14, 3.15. 


Evenimentele declanşatoare pentru o selecţie sunt OnChange. Fiecare nouă selecţie 
duce la o filtrare suplimentară a datelor afişate. Toate operaţiile se execută fără o 
reîncărcare a întregii pagini Web (prin apeluri asincrone AJAX). 


Codul aferent celor două fişiere script implementând aplicaţia este următorul: 


Æ SeaMonkey 
File Edit view Go Bookmarks Tools Window Help 


Home EIBookmarks % Universitatea "Politeh... ® aut.upt.ro webMail % CURSURI 


2] |% weather Forecast Timişoara, România | ... | ® http://localhost/start.htrnl x 


varsta salar 
25 400 
aava |25 400 


Varsta mai mica decat: | 25 * Nume 


O 2294: Doe 


Fig.3.15. Evenimente OnChange (SELECT sex, varsta, nume) 


Script HTML +JavaScript 


<html> 
<body> 


<script language="javascript" type="text/javascript"> 
// Secventa AJAX (JavaScript) 
// inclusiv identificare tip browser 


function ajaxFunction()4 
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var ajaxRequest; // variabila Ajax 
try 
4 

ajaxRequest = new XMLHttpRequest(); // Firefox, Safari 


) 
catch (e)4 
try 
ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP"); 
> catch (e) 4 
try4 
ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP"); 
> catch (e)4 
alert("Eroare AJAX!"); 
return false; 


) 
) 
// creare funcţie recepționând datele trimise de server 
ajaxRequest.onreadystatechange = function()4 
if(ajaxRequest.readyState == 4)4 
var ajaxDisplay = document.getElementByld('ajaxDiv'); 
ajaxDisplay.innerHTML = ajaxRequest.responseText; 
) 
? 
// Transfer parametri (3 parametri de filtrare) 
var varsta = document.getElementByld('varsta').value; 


var sex = document.getElementByld('sex').value; 
var nume = document.getElementByld('nume').value; 


// Construcţie string interogare cu 3 parametri de filtrare 
var queryString = "?varsta=" + varsta + "&sex=" + sex +'&nume=" + 
nume; 
// Pasare parametri spre scrip PHP folosind GET 
ajaxRequest.open("GET","'ajax-example10.php'"+ queryString, true); 
ajaxRequest.send(null); 
? 


</script> 


<l--Cod HTML formular selecții --> 
<form nume='myForm'> 
Sex: <select id='sex' onchange='ajaxFunction()'> 
<option value='-'>-</option> 
<option value='m'>m</option> 
<option value='f'>f</option> 
</select> 
</form> 


<l--Zona DIV pentru actualizare pagină (refresh doar pe această zonă)--> 
<div id='ajaxDiv' > 

Varsta mai mica decat: <select id='varsta'> </select> 

Nume: <select id='nume'> </select> 
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</div> 
</body></html> 


Scriptul anterior afişează casetele de selecţie (vezi fig. 3.12). 
Script _PHP+HTML - ajax-example10.php realizează interacţiunea cu MySQL, 
pasând rezultatul spre secvenţa AJAX. 
<?php 
$dbhost = "localhost"; 
$dbuser = "root"; 
$dbpass = "parola"; 
$dbnume = "baza"; 


//Conectare la server şi selecţie bază de date 
mysql_connect($dbhost, $dbuser, $dbpass); 
mysql_select_db($dbnume) or die(mysqgl_error()); 


// preluare parametri interogare (pasaţi de scriptul AJAX) 
$sex = $_GET['sex']; 
$varsta = $_GET['varsta']; 
$nume = $_GET['nume']; 


//Afisare date (filtrare date tabela MySQL) 
//Filtrare iniţial doar după coloana sex (varsta nefiind selectată, 
//fiind necesară umplerea SELECT-ului aferent ei!) 
$queryl = "SELECT * FROM tabell WHERE sex = '$sex'"; 
if(is_numeric($varsta)) 
$queryl .= " AND varsta <= $varsta "; 


//Executare interogare 
$qry_result =mysqgl_query($query1) or die(mysgl_error()); 


//Afişare date tabelat (cap tabel, urmat de linii date) 

$display_string = "<table border=1>"; 

$display_string .= "<tr>"; 

$display_string "<th>nume</th>"; 

$display_string .= "<th>varsta</th>"; 

$display_string .= "<th>Sex</th>"; 

$display_string .= "<th>salar</th>"; 

$display_string .= "</tr>"; 


while($row = mysql_fetch_array($qry_result)) 


4 
$display_string .= "<tr>"; 
$display_string .= "<td>$row[nume]</td>"; 
$display_string .= "<td>$row[varsta]</td>"; 
$display_string .= "<td>$row[sex]</td>"; 
$display_string .= "<td>$row[salar]</td>"; 
$display_string .= "</tr>"; 

} 


$display_string .= "</table>"; 
echo $display_string; //afişare linie de date 
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// Umplere tag SELECT varsta 
$query = "SELECT * FROM tabell WHERE sex = '$sex' order by varsta"; 


//Execută interogare pentru extragere varsta corespunzătoare sex selectat 
$qry_result = mysql_query($query) or die(mysal_error()); 


// Recreare tag nou SELECT varsta cu date aferente ei filtrate după sex 
echo "Varsta mai mica decat: <select id='varsta' onclick='ajaxFunction()'>"; 

// o nou selecţie (eveniment onclick) conduce la o reinterogare a tabelei 
// creare opţiuni SELECT nou (încărcare SELECT) 

while($row = mysql_fetch_array($qry_result)) 

4 

if ($row[varsta]==$varsta) 

echo "<option value='$row[varsta]' selected>$row[varsta]</option>"; 

else 

echo "<option value='$row[varsta]'>$row[varsta]</option>"; 


echo "</select>"; 


// Umplere tag SELECT nume (filtrate după sex şi varsta) 

$query = "SELECT * FROM tabell WHERE varsta <= '$varsta' AND sex = '$sex' 
order by varsta"; 

// echo $query; 

$qry_result = mysql_query($query) or die(mysgl_error()); 


// creare tag nou SELECT nume 
echo "Nume: <select id='nume' onclick='ajaxFunction()' >"; 


// creare opţiuni SELECT nume (încărcare SELECT) 

while($row = mysql_fetch_array($qry_result)) 

{ 

if ($row[nume]==$nume) 

echo "<option value='$row[nume]' selected>$row[nume]</option>"; 
else 

echo "<option value='$row[nume]' >$row[nume]</option>"; 


) 


?> 

Fără a avea pretenția acoperirii întregii problematici, prezenta suită de 
aplicații AJAX, inclusiv cu baze de date MySQL, a încercat să puncteze câteva dintre 
cele mai întâlnite scenarii de lucru, astfel încât să deschidă programatorului o cale 
spre complexul domeniu al proiectării şi dezvoltării acestui gen de aplicaţii Web. 
După cum s-a mai menţionat deja, AJAX prezintă o serie de avantaje evidente: 
(creşterea vitezei şi a interactivităţii site-urilor Web, interfaţă grafică mult mai 
dinamică, etc.). Totuşi, nu este recomandat un "exces de AJAX”, existând şi câteva 
dezavantaje majore, în special legate de faptul că limbajul JavaScript este 
dependent de browser şi nu permite o optimizare Web, respectiv motoarele de 
căutare nu pot indexa informaţii generate dinamic în acest fel. 
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